﻿* {
	margin: 0;
	padding: 0;
	list-style: none;
	transition: all;
	-o-transition: all;
	-ms-transition: all;
	-moz-transition: all;
	-webkit-transition: all;
	font-family: "PingFang SC,Microsoft YaHei";
	/*filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray;*/
}

body,
html {
	font-size: 14px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight: normal
}

a {
	text-decoration: none;
	color: #adaba8;
	transition-duration: .5s;
	-ms-transition-duration: .5s;
	-moz-transition-duration: .5s;
	-webkit-transition-duration: .5s;
}

a:hover {
	text-decoration: none;
}

em,
i,
strong {
	font-style: normal;
}

img {
	display: inline-block;
	border: 0;
	vertical-align: middle;
	max-width: 100%
}

input,
textarea {
	font-size: 14px;
	outline: none;
}

.w1440 {
	width: 1440px;
	margin: 0 auto;
	overflow: hidden
}

.w1280 {
	width: 1280px;
	margin: 0 auto;
	overflow: hidden
}

.w1270 {
	width: 1270px;
	margin: 0 auto;
	overflow: hidden
}

input,
select {
	outline: none
}

.swiper-container,
.swiper-slide,
.swiper-wrapper {
	height: auto !important;
	cursor: inherit !important
}

.swiper-slide {
	overflow: hidden !important;
}

.transy {
	transform: translateY(60px);
	-webkit-transform: translateY(60px);
	transition: 700ms;
	-webkit-transition: 700ms;
	transition-timing-function: ease-out;
	-webkit-transition-timing-function: ease-out;
	opacity: 0;
}

.tranShow {
	transform: translateY(0);
	-webkit-transform: translateY(0);
	opacity: 1;
}

.images img {
	width: 100%;
	height: 100%;
	display: block;
	transition-duration: 1s;
	-ms-transition-duration: 1s;
	-moz-transition-duration: 1s;
	-webkit-transition-duration: 1s;
}

.images:hover img {
	transform: scale(1.1);
	-o-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-webkit-transform: scale(1.1);
}

.fkis {
	position: fixed !important;
	top: 0px !important;
	left: 0px;
	width: 100%;
	z-index: 500;
	bottom: auto !important;
	background-color: rgba(0, 0, 0, 0.8) !important
}



/*header*/
.menu-handler {
	width: 58px;
	height: 58px;
	cursor: pointer;
	float: right;
	position: relative;
	z-index: 49;
	display: none;
	margin-top: 30px;
}

.menu-handler .burger {
	width: 24px;
	height: 2px;
	background: #666666;
	display: block;
	position: absolute;
	z-index: 5;
	top: 20px;
	left: 50%;
	margin: 0px 0px 0px -12px;
	transform-origin: center;
	-webkit-transform-origin: center;
	-moz-transform-origin: center;
	-o-transform-origin: center;
	-ms-transform-origin: center;
}

.menu-handler .burger-2 {
	top: 27px;
}

.menu-handler .burger-3 {
	top: 35px;
}

.menu-handler.active .burger-1 {
	top: 27px;
	-moz-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.menu-handler.active .burger-2 {
	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
	filter: alpha(opacity=0);
	opacity: 0;
	-moz-opacity: 0;
	-khtml-opacity: 0;
	-webkit-opacity: 0;
}

.menu-handler.active .burger-3 {
	top: 27px;
	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

.trans,
.trans:hover {
	-webkit-transition: all 277ms ease-in-out;
	-moz-transition: all 277ms ease-in-out;
	-o-transition: all 277ms ease-in-out;
	transition: all 277ms ease-in-out;
	-ms-transition: all 277ms ease-in-out;
}

.trans-fast,
.trans-fast:hover {
	-webkit-transition: all 200ms ease-in-out;
	-moz-transition: all 200ms ease-in-out;
	-o-transition: all 200ms ease-in-out;
	transition: all 200ms ease-in-out;
	-ms-transition: all 200ms ease-in-out;
}

.menuBox {
	position: fixed;
	right: -100%;
	top: 115px;
	width: 100%;
	height: 96%;
	overflow: scroll;
	z-index: 30;
	background: #000
}

.menuBox .mlogo {
	display: block;
	margin: 0 auto;
	width: 238px;
	padding-top: 20px
}

.menuBox .mlogo img {
	display: block;
	width: 100%;
}

.navMobile {
	width: 100%;
	float: left
}

.navMobile li {
	border-bottom: 1px solid #2b2b2e;
	position: relative;
	line-height: 36px;
	width: 100%;
	float: left
}

.navMobile li.cur h5 {
	background: #1b1b1b
}

.navMobile li.cur h5>a {
	color: #b60005
}

.navMobile li h5 {
	display: block;
	width: 100%;
	float: left;
	position: relative
}

.navMobile li h5 i,
.navMobile li .listDown div h3 i,
.navMobile li .listDown .list2_one .list2_two div h4 i {
	border: 2px solid #fff;
	display: block;
	width: 8px;
	height: 8px;
	margin: auto;
	position: absolute;
	top: 10px;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	border-top: none;
	border-right: none;
	right: 20px;
}

.navMobile li h5 .i_class,
.navMobile li .listDown div h3 .i_class,
.navMobile li .listDown .list2_one .list2_two div h4 .i_class {
	-webkit-transform: rotate(135deg) !important;
	transform: rotate(135deg) !important;
	top: 15px
}

.navMobile li a {
	display: block;
	color: #fff;
	width: 100%;
	font-size: 12px;
	font-weight: bold;
}

.navMobile li .listDown {
	display: none;
	width: 100%;
	float: left
}

.navMobile li .listDown .list2_one {
	color: #fff;
	font-size: 14px;
	background-color: #16171a
}

.navMobile li .listDown .list2_one h3 {
	border-top: 1px solid #2b2b2e;
	padding: 0px 20px;
	position: relative;
	overflow: hidden
}

.navMobile li h5>a,
.navMobile li .listDown .list2_one h3 a,
.navMobile li .listDown .list2_one .list2_two div h4 a {
	float: left !important;
	width: auto;
	margin-left: 20px;
	width: 80%
}

.navMobile li .listDown .list2_one .list2_two {
	display: none;
	overflow: hidden;
	padding-bottom: 20px
}

.navMobile li .listDown .list2_one .list2_two a {
	font-weight: normal;
	line-height: 26px;
}

.navMobile li .listDown .list2_one .list2_two div {
	width: 100%;
	float: left
}

.navMobile li .listDown .list2_one .list2_two div p {
	display: none;
	overflow: hidden;
	padding: 0px 80px
}

.navMobile li .listDown .list2_one .list2_two div h4 {
	position: relative;
	padding: 0px 20px;
	display: block;
	overflow: hidden
}


/*头*/
.header {
	height: 60px;
	position: relative;
	width: 100%
}

.header .w1440 {
	overflow: inherit;
}

.header .logo {
	float: left;
	margin-top: 15px;
}

.header_right {
	width: 1110px;
	float: right
}

.header_RT {
	width: 100%;
	float: right;
	margin-top: 10px;
}

.header_RT p,
.header_RT div {
	float: right
}

.header_RT div {
	margin-left: 5px
}

.header_RT p {
	color: #666666;
	margin-top: 5px
}

.header_RT p strong {
	color: #cf000d
}

.header_RT p a {
	float: left;
	margin-right: 10px;
	font-size: 12px;
	font-family: Arial;
	color: #999999;
	font-weight: bold;
	line-height: 16px;
	margin-top: 4px
}

.header_RT p a.cur,
.header_RT p a:hover {
	color: #cf000d
}

.header_RT p:last-child {
	padding-right: 18px;
	margin-right: 18px;
	position: relative
}

.header_RT p:last-child:before {
	content: url(../images/inico1.png);
	float: left;
	margin-right: 6px;
}

.header_RT p:last-child:after {
	content: '|';
	color: #e9e9e9;
	position: absolute;
	right: 0px
}

.header_RT div {
	position: relative
}

.header_RT div input {
	width: 188px;
	height: 28px;
	border: 1px solid #dadada;
	padding: 0px 10px;
	border-radius: 15px;
}

.header_RT div i {
	position: absolute;
	right: 10px;
	width: 15px;
	height: 15px;
	background: url(../images/inico4.png) no-repeat center;
	top: 8px
}

.header_RB {
	width: 100%;
	float: left
}

.header_RB ul {
	float: right
}

.header_RB ul li {
	float: left;
	margin-right: 48px;
}

.header_RB ul li>a {
	color: #323232;
	display: block;
	line-height: 76px;
	font-size: 16px;
}

.header_RB ul li:hover>a,
.header_RB ul li.cur>a {
	/* color: #cf000d; */
	font-weight: bold
}

.ul_list {
	position: absolute;
	top: 115px;
	left: 0px;
	right: 0px;
	background: #6d6d6d;
	padding-bottom: 70px;
	display: none;
	z-index: 3
}

.ul_top {
	width: 100%;
	float: left;
	border-bottom: 1px solid #828282;
	padding: 25px 0px
}

.ul_list a {
	color: #fff
}

.ul_bo dl dt a:hover {
	color: #cf000d
}

.ul_bo dl dd a:hover {
	opacity: 0.8
}

.ul_list p {
	font-size: 12px;
	color: #fff
}

.ul_list p a {
	margin-right: 28px
}

.ul_bo dl {
	float: left;
	margin-right: 50px
}

.ul_bo dl dt {
	font-weight: bold;
	margin-top: 10px !important;
	margin-bottom: 15px;
	font-size: 14px;
}

.ul_bo dl dd a {
	display: block;
	font-size: 12px;
	line-height: 30px
}

.header_RB ul li:hover .ul_list {
	display: block
}


/*banner*/
.banner {
	width: 100%;
	float: left;
	position: relative;
	text-align: center
}

.banner img {
	width: 100%;
	float: left
}

.banner .swiper-container {
	padding: 0px
}

.banner .pagination {
	bottom: 38px;
	left: 0px;
	right: 0px;
	position: absolute;
	text-align: center;
	z-index: 2
}

.banner .swiper-pagination-switch {
	width: 33px;
	height: 4px;
	margin: 0px 5px;
	background: #fff;
	display: inline-block;
	cursor: pointer
}

.banner .swiper-active-switch {
	background: #08a0ea
}

.inA {
	width: 100%;
	float: left;
	background: url(../images/inbg.jpeg) no-repeat center top;
	padding-bottom: 60px
}

.in_tit {
	width: 100%;
	float: left;
	text-align: center;
	font-size: 36px;
	color: #333333;
	margin-top: 50px;
}

.inA_con {
	width: 100%;
	float: left;
	margin-top: 15px;
}

.inA_con a {
	width: 343px;
	float: left;
	margin-right: 22px;
	position: relative;
	margin-top: 22px;
	overflow: hidden
}

.inA_con a img {
	width: 100%;
	float: left
}

.inA_con a:nth-child(3),
.inA_con a:nth-child(7) {
	margin-right: 0px
}

.inA_con a:first-child {
	width: 709px
}

.inA_con a span {
	position: absolute;
	bottom: 35px;
	left: 0px;
	right: 0px;
	font-size: 24px;
	color: #fff;
	padding: 0px 20px
}

.inB {
	width: 100%;
	float: left;
	background: url(../images/inbg1.jpeg) no-repeat center;
	min-height: 618px;
	background-size: cover
}

.inB_L {
	width: 646px;
	float: left;
	margin-top: 50px;
	position: relative
}

.inB_L .swiper-slide a,
.inB_L .swiper-slide a img {
	width: 100%;
	float: left
}

.inB_L .swiper-slide {
	position: relative
}

.inB_L .swiper-slide p {
	position: absolute;
	left: 0px;
	right: 0px;
	bottom: 0px;
	padding: 15px 20px;
	color: #fff;
	background-color: rgba(0, 0, 0, 0.6)
}

.inB_L .swiper-slide p strong {
	display: block;
	font-size: 16px;
	height: 21px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.inB_L .swiper-slide p i {
	font-size: 12px;
	color: #a2a1a4;
	display: block;
	margin-top: 10px
}

.inB_L .arrow-left,
.inB_L .arrow-right {
	width: 34px;
	top: 45%;
	z-index: 2;
	height: 62px;
	text-align: center;
	line-height: 62px;
	font-weight: bold;
	color: #fff;
	font-family: "宋体";
	position: absolute;
	left: 0px;
	background-color: rgba(0, 0, 0, 0.6)
}

.inB_L .arrow-right {
	left: auto;
	right: 0px
}

.inB_R {
	float: right;
	width: 738px;
	margin-top: 50px;
}

.inB_R dl {
	width: 100%;
	float: left;
	border-top: 1px solid #dee0e3;
	border-bottom: 1px solid #dee0e3;
	padding: 18px 0px
}

.inB_R dl dt {
	font-size: 18px;
}

.inB_R dl dt a {
	color: #666666;
	width: 78%;
	height: 24px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	float: left
}

.inB_R dl dt i {
	float: right;
	font-size: 12px;
	color: #888888
}

.inB_R dl dd {
	color: #888888;
	line-height: 24px;
	margin-top: 10px;
	height: 48px;
	overflow: hidden;
	width: 100%;
	float: left
}

.inB_R div {
	width: 100%;
	float: left;
	margin-top: 10px
}

.inB_R div a {
	display: block;
	padding: 0px 96px 0px 20px;
	position: relative;
	font-size: 16px;
	color: #666666;
	line-height: 40px;
	height: 40px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.inB_R div a:before {
	content: url(../images/inico6.png);
	position: absolute;
	left: 0px;
	line-height: normal;
	top: 8px
}

.inB_R div a i {
	position: absolute;
	right: 0px;
	color: #888888;
	font-size: 12px
}

.inB_R div a:hover,
.inB_R dl dt a:hover {
	color: #08a0ea
}

.inC {
	width: 100%;
	float: left;
	background: url(../images/inbg2.jpeg) no-repeat center;
	min-height: 478px;
	background-size: cover;
	text-align: center
}

.inC dl {
	width: 100%;
	float: left;
	margin-top: 70px;
	text-align: center
}

.inC dl dt {
	font-size: 36px;
	color: #fff;
	margin-bottom: 30px
}

.inC dl dd {
	font-size: 15px;
	color: #fff
}

.inC dl dd p {
	line-height: 28px
}

.inC ul {
	width: 100%;
	float: left;
	text-align: center;
	margin-top: 60px;
}

.inC ul li {
	display: inline-block;
	color: #c2c2c7;
	margin: 0px 80px;
}

.inC ul li i {
	display: block;
	color: #e0e0e1
}

.inC ul li p strong {
	font-size: 45px;
	font-family: Arial;
	color: #fff;
	margin-right: 6px;
}

.inC .w1440>p {
	width: 100%;
	float: left
}

.inC .w1440>p a {
	color: #fff;
	margin-top: 75px;
	display: inline-block
}

.inC .w1440>p a:after {
	content: url(../images/inico7.png);
	margin-left: 8px
}

.inD {
	padding-bottom: 60px;
}

.inD_con {
	width: 100%;
	float: left;
	margin-top: 45px;
}

.inD_con a {
	float: left;
	width: 18%;
	margin-right: 12%;
	border: 1px solid #f2f2f2;
	overflow: hidden;
	margin-bottom: 20px;
	width: 220px;
	height: 100px;
	
}

.inD_con a:nth-child(4n) {
	margin-right: 0px
}

.footer {
	width: 100%;
	float: left;
	background: #303030;
	padding-top: 60px
}

.footer dl {
	float: left;
	width: 170px;
}

.footer dl dt {
	font-weight: bold;
	color: #e0e0e0;
	margin-bottom: 15px;
	font-size: 18px;
	color: white;
}

.footer dl.teshu {
	width: 570px;
}

.footer dl.teshu dd {
	width: 25%;
	float: left;
}

.footer dl.teshu dd a.dt {
	color: white;
}

.footer dl dd a {
	display: block;
	color: #999999;
	line-height: 28px;
}

.footer dl dd a:hover {
	color: #fff
}

.footer .footop {
	width: 100%;
	float: left;
	padding-bottom: 46px;
	border-bottom: 1px solid #3e3e3e
}

/* .footer .footop p{float:right;width:147px;text-align:center;color:#fff; text-align: right;} */
/* .footer .footop p img{width:100%;margin-bottom:15px} */
.footer .footop .footer_follow {
	float: right;
	width: 147px;
	color: #fefefe;
	text-align: right;
	font-size: 18px;
	font-weight: bold;
}

.footer .footop .footer_follow ul {
	width: 100%;
	display: flex;
	flex-direction: row;
	margin-left: 10px;
	margin-top: 15px;
}

.footer .footop .footer_follow ul li {
	margin-right: 5px;
	cursor: pointer;
	position: relative;
}

.footer .footop .footer_follow ul li:hover .wem1 {
	display: block;
}

.footer .footop .footer_follow ul li .wem1 {
	position: absolute;
	top: -25px;
	left: -120px;
	width: 110px;
	height: 110px;
	background: #fff;
	display: none;
	-webkit-box-shadow: 0px 0px 8px rgba(173, 173, 173, .75);
	box-shadow: 0px 0px 8px rgba(173, 173, 173, .75);
	border-radius: 6px;
	-moz-border-radius: 6px;
	-ms-border-radius: 6px;
	-o-border-radius: 6px;
	-webkit-border-radius: 6px;
}

.footer .footop .footer_follow ul li .wem1 img {
	border-radius: 6px;
	-moz-border-radius: 6px;
	-ms-border-radius: 6px;
	-o-border-radius: 6px;
	-webkit-border-radius: 6px;
	overflow: hidden;
	position: absolute;
	left: 0;
	z-index: 10;
}

.footer .footop .footer_follow ul li .wem1:before {
	content: "";
	width: 0;
	height: 0;
	position: absolute;
	top: 46px;
	right: -8px;
	border-top: 8px solid transparent;
	border-bottom: 8px solid transparent;
	border-left: 8px solid #fff;
	filter: drop-shadow(2px 1px 2px #ccc);
}

.footen {
	width: 100%;
	float: left;
	padding: 30px 0px
}

.footen p {
	float: left;
	color: #adadad;
}

.footen p a {
	color: #adadad
}

.footen div {
	float: right;
}

.footen div a {
	color: #adadad;
	float: left
}

.footen div a:after {
	content: '|';
	padding: 0px 14px
}

.footen div a:last-child:after {
	display: none
}

/*关于我们*/
.S_banner,
.M_banner {
	width: 100%;
	float: left;
	height: 390px;
}

.S_con {
	width: 100%;
	height: 100%;
	float: left;
	display: table
}

.S_con dl {
	display: table-cell;
	vertical-align: middle;
	color: #fff;
	text-align: center
}

.S_con dl dt {
	font-size: 40px;
	font-weight: bold
}

.S_con dl dd {
	font-family: Arial;
	font-size: 20px;
	margin-top: 18px
}

.S_menu {
	width: 100%;
	float: left;
	border-bottom: 1px solid #ececec;
	margin-top: 26px
}

.S_menu p {
	float: left
}

.S_menu p a {
	padding-bottom: 20px;
	border-bottom: 3px solid #fff;
	color: #666666;
	margin-right: 50px;
	float: left
}

.S_menu p a:hover,
.S_menu p a.cur {
	border-bottom: 3px solid #cf000d
}

.S_menu .w1280>div {
	float: right
}

.menu_right,
.S_menu .w1280>div {
	float: right;
	font-size: 12px;
	color: #a5a5a5
}

.menu_right a:after,
.S_menu .w1280>div a:after,
.S_menu .w1280>div a:after {
	content: '>';
	padding: 0px 5px;
	color: #a5a5a5
}

.menu_right a:last-child:after,
.S_menu .w1280>div a:last-child:after {
	display: none;
	color: #a5a5a5
}

.menu_right a:hover,
.S_menu .w1280 div a.cur,
.S_menu .w1280>div a:hover,
.S_menu .w1280>div a.cur {
	color: #cf000d
}

.S_menu .w1280>div:before,
.menu_right:before {
	content: url(../images/ico.png);
	float: left;
	margin-right: 5px
}

.menu_right:before {
	content: url(../images/ico1.png);
}

.aboutA {
	padding: 56px 0px
}

.aboutA_L {
	float: left;
}

.aboutA_L h1 {
	font-size: 30px;
	color: #000000;
	position: relative;
	padding-bottom: 22px;
}

.aboutA_L h1:after {
	content: '';
	width: 65px;
	height: 5px;
	background: #9b9b9b;
	position: absolute;
	bottom: 0px;
	left: 0px
}

.aboutA_L i,
.aboutA_L em {
	font-size: 16px;
	color: #666666;
	margin-top: 30px;
	display: block
}

.aboutA_R {
	float: right;
	width: 816px;
}

.aboutA p {
	color: #666666;
	line-height: 30px;
	margin-bottom: 20px;
	width: 100%;
	float: left
}

.aboutB,
.aboutB img {
	width: 100%;
	float: left
}

.aboutC {
	padding-bottom: 130px;
	width: 100%;
	float: left
}

.aboutC .w1280 {
	overflow: inherit
}

.aboutC span {
	float: left;
	font-size: 30px;
	color: #000000;
	margin-top: 90px;
	padding-left: 26px;
	position: relative;
}

.aboutC span:before {
	content: '';
	height: 344px;
	width: 1px;
	background: #d7d7d7;
	position: absolute;
	left: 0px;
	top: -192px
}

.aboutC span em {
	display: block;
	font-size: 16px;
	color: #666666
}

.aboutC p {
	float: right;
	width: 772px;
	font-size: 16px;
	line-height: 40px;
	color: #414141;
	margin-top: 80px;
	position: relative;
	margin-right: 106px;
}

.aboutC p:before {
	content: url(../images/abico1.png);
	position: absolute;
	left: -130px;
	top: -28px
}

.aboutC p:after {
	content: url(../images/abico2.png);
	position: absolute;
	right: -106px;
	bottom: -82px
}

.about1_con {
	padding: 58px 0px 78px 0px
}

.about1_con>h2 {
	width: 100%;
	float: left;
	font-size: 30px;
	color: #000000;
	margin-bottom: 25px
}

.about1_con>p {
	color: #666666;
	line-height: 30px
}

.history {
	width: 100%;
	float: left
}

.history span {
	font-size: 18px;
	color: #cf000d;
	font-weight: bold;
	float: left;
	margin-top: 24px;
}

.history div {
	width: 1116px;
	float: right;
	padding-left: 28px;
	border-left: 1px solid #d6d7d6;
	padding-top: 28px;
	padding-bottom: 46px;
	position: relative
}

.history div:before {
	content: url(../images/abico3.png);
	position: absolute;
	left: -10px
}

.history div p {
	width: 100%;
	float: left;
	color: #666666;
	margin-bottom: 10px
}

.about1_en {
	width: 100%;
	float: left;
	margin-top: 50px
}

.about2_con {
	padding: 58px 0px 62px 0px;
	border-bottom: 1px dashed #dcdcdc
}

.about2_con dl {
	float: left;
	width: 400px
}

.about2_con dl dt {
	font-size: 30px;
	color: #000000;
	margin-bottom: 36px
}

.about2_con dl dd p {
	display: block;
	padding-left: 20px;
	position: relative;
	color: #666666;
	margin-top: 15px
}

.about2_con dl dd p:before {
	content: url(../images/abico4.png);
	left: 0px;
	position: absolute;
	top: -2px
}

.about2_R {
	float: right;
	width: 738px;
}

.about2_R img {
	width: 230px;
	margin-right: 20px;
	float: left;
	border: 1px solid #e5e5e5;
	margin-top: 30px
}

.about2_R img:nth-child(3n) {
	margin-right: 0px
}

.about2_con1 {
	border: none
}

.about3_con {
	width: 100%;
	float: left;
	padding: 60px 0px
}

.about3_L {
	float: left;
	width: 654px;
}

.about3_L img {
	float: left;
	margin-bottom: 28px;
}

.about3_L p {
	text-align: justify;
	text-justify: inter-ideograph;
	color: #666666;
	line-height: 30px;
	width: 100%;
	float: left;
}

.about3_L a {
	width: 100px;
	line-height: 35px;
	border: 1px solid #d6d6d6;
	text-align: center;
	color: #666666;
	font-size: 12px;
	float: left;
	margin-top: 40px
}

.about3_L a:after {
	content: url(../images/aboutico1.png);
	margin-left: 8px
}

.about3_L a:hover {
	color: #fff;
	background: #cf000d;
	border-color: #cf000d;
}

.about3_L a:hover:after {
	content: url(../images/aboutico.png)
}

.about3_R {
	float: right;
	width: 544px;
	overflow: hidden
}

.about3_con:nth-child(2n+1) {
	background: #f7f7f7
}

.about3_con:nth-child(2n+1) .about3_L {
	float: right
}

.about3_con:nth-child(2n+1) .about3_R {
	float: left
}

.contact_top {
	padding: 58px 0px
}

.contact_top dl {
	width: 576px;
	float: left
}

.contact_top dl dt {
	font-size: 30px;
	color: #000000;
	padding-bottom: 28px;
	position: relative;
	margin-bottom: 25px;
}

.contact_top dl dt:after {
	content: '';
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 300px;
	height: 1px;
	background: #9b9b9b
}

.contact_top dl dd p {
	color: #666666;
	line-height: 35px
}

.contact_top>p {
	float: right;
	width: 608px;
	overflow: hidden
}

.contact_en {
	width: 100%;
	float: left;
	border-top: 1px dashed #dbdbdb;
	padding: 44px 0px;
}

.contact_en table {
	width: 48%;
	float: left
}

.contact_en table:nth-child(2n) {
	float: right
}

.contact_en table td {
	padding: 0px 38px
}

.contact_en table td:first-child {
	width: 170px;
	text-align: center;
	background: url(../images/xian.png) no-repeat right center;
	padding: 0px 15px
}

.contact_en table td span {
	font-size: 22px;
	font-weight: bold;
	color: #cf000d
}

.contact_en table td span i,
.contact_en table td span em {
	display: block;
	font-size: 12px;
	color: #b0b0b0;
	font-weight: normal;
	margin-top: 8px
}

.contact_en table td strong {
	font-size: 16px;
	color: #000000;
	padding-bottom: 15px;
	display: block
}

.contact_en table td p {
	color: #777777;
	margin-top: 10px
}

/*新闻*/
.news_top {
	padding: 58px 0px
}

.news_top a {
	width: 390px;
	float: left;
	border: 1px solid #cccccc;
	margin-right: 50px;
}

.news_top a i {
	width: 100%;
	overflow: hidden;
	display: block
}

.news_top a div {
	padding: 16px 0px;
	width: 100%;
	float: left
}

.news_top a div p {
	font-size: 16px;
	color: #333333;
	line-height: 28px;
	padding: 0px 16px;
	text-align: justify;
	text-justify: inter-ideograph;
	height: 56px;
	overflow: hidden
}

.news_top a div em {
	color: #999999;
	display: block;
	margin-top: 10px;
	padding: 0px 16px
}

.news_top a:hover {
	border-color: #cf000d
}

.news_top a:hover p {
	color: #cf000d;
	font-weight: bold
}

.news_top a:last-child {
	margin-right: 0px
}

.news_bottom li,
.news_bottom li a {
	width: 100%;
	float: left
}

.news_bottom li {
	border-bottom: 1px solid #e5e5e5
}

.news_bottom li a {
	padding: 40px 0px
}

.news_bottom li strong {
	font-size: 40px;
	font-family: Arial;
	color: #b0b0b0;
	float: left
}

.news_bottom li strong i {
	display: block;
	font-weight: normal;
	color: #888888;
	font-size: 14px
}

.news_bottom li div {
	float: right;
	width: 1004px;
	padding-right: 118px;
	position: relative;
	margin-top: 6px
}

.news_bottom li div span {
	font-size: 18px;
	color: #555555;
	font-weight: bold;
	height: 24px;
	overflow: hidden;
	display: block;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.news_bottom li div p {
	color: #888888;
	margin-top: 14px;
	height: 19px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.news_bottom li div em {
	position: absolute;
	right: 0px;
	font-family: Arial;
	font-size: 12px;
	top: 4px;
	color: #555555;
	padding-bottom: 15px;
	background: url(../images/more.png) no-repeat center bottom
}

.news_bottom li:hover em {
	color: #cf000d;
	background: url(../images/more1.png) no-repeat center bottom
}

.news_bottom li:hover span {
	color: #cf000d
}

.page {
	width: 100%;
	float: left;
	text-align: center;
	padding: 48px 0px 68px 0px
}

/*.page a{display:inline-block;width:32px;height:32px;border-radius:100%;border:1px solid #e6e6e6;line-height:32px;color:#666666;margin:0px 4px;text-align:center}
.page a:first-child{background:url(../images/pre.png) no-repeat center}
.page a:last-child{background:url(../images/next.png) no-repeat center}
.page a:first-child:hover{background:url(../images/pre01.png) no-repeat center #cf000d}
.page a:last-child:hover{background:url(../images/next01.png) no-repeat center #cf000d}
.page a:hover,.page a.cur{border-color:#cf000d;background:#cf000d;color:#fff}
.page a span{width:100%;float:left}*/

.page ul {
	width: 100%;
	float: left;
	text-align: center
}

.page ul li {
	display: inline-block;
	width: 32px;
	height: 32px;
	border-radius: 100%;
	border: 1px solid #e6e6e6;
	line-height: 32px;
	color: #666666;
	margin: 0px 4px;
	text-align: center
}

.page li span,
.page li a {
	width: 100%;
	float: left
}

.page li:hover,
.page li.active {
	border-color: #cf000d;
	background: #cf000d;
	color: #fff
}

.page li:hover a,
.page li.active a {
	color: #fff
}


.xq {
	padding: 58px 0px
}

.xq dl {
	width: 100%;
	float: left;
	border-bottom: 1px solid #dadadf;
	text-align: center;
	padding-bottom: 20px;
}

.xq dl dt {
	font-size: 24px;
	color: #333333;
	font-weight: bold;
	margin-bottom: 30px;
}

.xq dl dd i {
	color: #666666;
	display: inline-block;
	margin: 0px 14px
}

.xq dl dd i img {
	float: left;
	margin-right: 8px;
	margin-top: 2px
}

.xq_con,
.xq_CT,
.xq_CB,
.xq_bo,
.xq_bo .bshare-custom {
	width: 100%;
	float: left
}

.xq_CB {
	margin-top: 26px
}

.xq_CT {
	padding: 25px 0px 40px 0px;
	border-bottom: 1px dashed #e7e7e7
}

.xq_con {
	border-bottom: 1px solid #e7e7e7;
	padding-bottom: 60px
}

.xq_con p {
	font-size: 15px;
	color: #666666;
	line-height: 32px;
	margin-top: 15px
}

.xq_CT div {
	margin: 60px 0px
}

.xq_bo .bshare-custom {
	margin-top: 30px
}

.xq_bo .bshare-custom span {
	float: left;
	color: #646464;
	line-height: 30px;
}

.xq_bo .bshare-custom a {
	padding: 0px;
	margin: 0px;
	width: 30px;
	height: 30px;
	float: left;
	margin-left: 10px
}

.xq_bo .bshare-custom a.bshare-weixin {
	background: url(../images/fx1.png) no-repeat center
}

.xq_bo .bshare-custom a.bshare-sinaminiblog {
	background: url(../images/fx2.png) no-repeat center
}

.xq_bo .bshare-custom a.bshare-qqim {
	background: url(../images/fx3.png) no-repeat center
}

.xq_bo .bshare-custom a.bshare-qzone {
	background: url(../images/fx4.png) no-repeat center
}

.xq_BOL {
	float: left;
	width: 50%;
	margin-top: 16px
}

.xq_BOL a {
	display: block;
	padding-right: 120px;
	color: #333333;
	position: relative;
	margin-top: 16px
}

.xq_BOL a i {
	position: absolute;
	right: 0px;
	color: #999999;
	top: 0px
}

.xq_BOL a strong {
	color: #333333
}

.xq_bo>a {
	width: 116px;
	line-height: 38px;
	background: #cf000d;
	text-align: center;
	color: #fff;
	float: right;
	margin-top: 34px
}

.xq_bo>a:before {
	content: url(../images/xqico3.png);
	margin-right: 8px;
}

.talk_tit {
	width: 100%;
	float: left
}

.talkA {
	padding-bottom: 52px;
}

.talk_tit {
	text-align: center;
	font-size: 30px;
	margin-top: 64px;
	color: #000000
}

.about_AL {
	float: left;
	width: 525px;
	padding: 0px 32px;
	border: 1px solid #ededed;
	padding-bottom: 50px;
	margin-top: 48px;
}

.about_AL h2 {
	text-align: center;
	display: block;
	padding-bottom: 34px;
	border-bottom: 1px dotted #e0e0e0;
	margin-top: 34px
}

.about_AL h2 img {
	margin-right: 10px
}

.about_AL div {
	padding: 0px 26px;
	margin-top: 4px
}

.about_AL div strong,
.about_AL div p {
	width: 100%;
	float: left
}

.about_AL div strong {
	color: #333333;
	margin-top: 26px;
	position: relative;
}

.about_AL div strong:before {
	content: url(../images/talkico3.png);
	position: absolute;
	left: -26px
}

.about_AL div p {
	color: #666666;
	line-height: 22px;
	margin-top: 6px
}

.about_AR {
	float: right
}

.talkB {
	width: 100%;
	float: left;
	background: url(../images/talkbg.jpeg) no-repeat center;
	min-height: 724px;
	background-size: cover
}

.talkB .about_AL {
	background-color: rgba(255, 255, 255, 0.2)
}

.talkB .w1280>p {
	line-height: 30px;
	margin-top: 20px;
	width: 100%;
	float: left
}

/*.talkB .w1280{width:1222px}*/
.talkC {
	padding-bottom: 68px
}

.talkC ul {
	width: 100%;
	float: left;
	margin-top: 102px;
	display: flex;
	flex-wrap: wrap;
}

.talkC ul li {
	width: 223px;
	float: left;
	border: 1px solid #dddddd;
	padding-bottom: 28px;
	margin-right: 35px;
	min-height: 280px
}

.talkC_T {
	width: 100%;
	float: left;
	text-align: center;
	margin-top: -35px;
}

.talkC_T span {
	display: inline-block;
	width: 93px;
	height: 93px;
	border-radius: 100%;
	border: 1px solid #e2e2e2;
	background: #fff;
}

.talkC_T span em {
	display: inline-block;
	width: 81px;
	height: 81px;
	border-radius: 100%;
	background: #dddddd;
	margin-top: 6px;
	line-height: 81px
}

.talkC_T span em img {
	vertical-align: middle
}

.talkC_T span em img:last-child {
	display: none;
}

.talkC_B {
	padding: 0px 5%;
	width: 90%;
	float: left
}

.talkC_B strong {
	text-align: center;
	font-size: 16px;
	color: #666666;
	display: block;
	margin-top: 15px
}

.talkC_B p {
	font-size: 12px;
	color: #888888;
	line-height: 26px;
	margin-top: 15px;
	text-align: justify;
	text-justify: inter-ideograph;
}

.talkC ul li:hover,
.talkC ul li:hover .talkC_T span {
	border-color: #08a0eb
}

.talkC ul li:hover .talkC_T i {
	background: #08a0eb
}

.talkC_T i img:last-child {
	display: none
}

.talkC ul li:hover .talkC_T i img:first-child {
	display: none
}

.talkC ul li:hover .talkC_T i img:last-child {
	display: inline-block
}

.talkC ul li:last-child {
	margin-right: 0px
}

.talk1_top {
	padding: 58px 0px
}

.talk1_top h1,
.talk1_top span,
.talk1_top p {
	width: 100%;
	float: left
}

.talk1_top h1 {
	font-size: 28px;
	color: #08a0ea
}

.talk1_top span {
	font-size: 18px;
	color: #08a0ea;
	margin-top: 30px;
	margin-bottom: 20px
}

.talk1_top p {
	color: #666666;
	line-height: 33px;
}

.talk1_A,
.talk1_con {
	width: 100%;
	float: left
}

.talk1_A {
	background: #ecf0f6;
	padding: 55px 0px 85px 0px
}

.talk1_A:nth-child(2n) {
	background: #fff
}

.talk1_A .w1280 div {
	width: 664px;
	float: left
}

.talk1_A .w1280 div>span {
	font-size: 24px;
	color: #333333;
	margin-top: 20px;
	display: block
}

.talk1_A .w1280 div p {
	color: #666666;
	line-height: 33px;
	margin-top: 20px;
	text-align: justify;
	text-justify: inter-ideograph;
}

.talk1_A .w1280 div img {
	margin-top: 15px
}

.talk1_A .w1280>p {
	float: right;
	width: 534px;
	overflow: hidden
}

.talk1_A:nth-child(2n) .w1280>p {
	float: left
}

.talk1_A:nth-child(2n) .w1280 div {
	float: right
}

.talk2_con .talk1_A .w1280 div {
	width: 638px;
	font-size: 16px;
}

.talk2_con .talk1_A .w1280>p {
	width: 555px;
}

.talk2_top h1 {
	margin-bottom: 30px
}

/*投资者关系*/
.connect {
	padding: 58px 0px
}

.conn_left {
	width: 876px;
	float: left
}

.conn_left div {
	display: block;
	border: 1px solid #fff;
	border-bottom: 1px solid #e5e9ed;
	padding: 38px;
	overflow: hidden
}

.conn_left div>a {
	float: left;
	width: 38px;
	margin-top: 6px;
}

.conn_left div>a img:last-child {
	display: none
}

.investor .conn_left div p {
	width: 606px;
}

.conn_left div p {
	float: left;
	font-size: 16px;
	color: #666666;
	margin-top: 20px;
	margin-left: 28px;
	width: 740px;
}

.conn_left div p a {
	color: #666;
	display: block;
	height: 21px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.conn_left div>span {
	font-size: 43px;
	font-weight: bold;
	font-family: Arial;
	color: #888888;
	float: right
}

.conn_left div>span em {
	display: block;
	font-size: 14px
}

.conn_left.noborder div:hover {
	border: none;
}

.conn_left div:hover {
	border: 1px solid #cf000d
}

.conn_left div:hover>a img:first-child {
	display: none
}

.conn_left div:hover>a img:last-child {
	display: block
}

.conn_left div:hover>span {
	color: #cf000d
}

.con_right {
	width: 254px;
	padding: 18px;
	float: right;
	border: 9px solid #f3f3f3;
	background: #fff
}

.con_right strong {
	font-size: 18px;
	color: #333333;
	display: block;
	margin-top: 10px;
}

.con_right img {
	width: 100%;
	float: left;
	margin-top: 15px;
}

.con_right p {
	color: #333333;
	line-height: 28px;
	width: 100%;
	float: left;
	text-align: justify;
	text-justify: inter-ideograph;
	margin-top: 15px
}

.con_right a {
	width: 120px;
	line-height: 39px;
	color: #cf000d;
	border: 1px solid #cf000d;
	float: left;
	text-align: center;
	margin-top: 40px;
	margin-bottom: 12px
}

.con_right a:hover {
	background: #cf000d;
	color: #fff
}

.conn_left .page,
.conn_left .page:hover {
	border: none !important
}

.joinA {
	padding: 56px 0px
}

.joinA a {
	float: left;
	width: 600px;
	overflow: hidden;
	position: relative
}

.joinA a div {
	position: absolute;
	left: 0px;
	right: 0px;
	top: 0px;
	bottom: 0px;
	text-align: center;
	font-size: 30px;
	color: #fff
}

.joinA a div p {
	width: 100%;
	height: 100%;
	display: table
}

.joinA a div p span {
	display: table-cell;
	vertical-align: middle;
	height: 100%;
	padding-bottom: 48px;
}

.joinA a div p span i {
	background: url(../images/add.png) no-repeat center;
	float: left;
	width: 100%;
	height: 25px;
	margin-top: 20px
}

.joinA a:last-child {
	float: right
}

.joinB {
	width: 100%;
	float: left;
	background: #f6f6f6;
	padding: 45px 0px 60px 0px
}

.join_tit {
	width: 100%;
	float: left;
	text-align: center;
	margin-bottom: 50px;
}

.join_tit span {
	font-size: 30px;
	color: #000000;
	display: block
}

.join_tit i {
	color: #cf000d;
	font-size: 18px;
	margin-top: 20px;
	position: relative;
	display: block
}

.join_tit i:before,
.join_tit i:after {
	content: '';
	width: 23px;
	height: 1px;
	background: #cf000d;
	position: absolute;
	top: 12px
}

.join_tit i:before {
	margin-left: -38px
}

.join_tit i:after {
	margin-left: 14px
}

.join_tit p {
	color: #666666;
	line-height: 24px;
	margin-top: 14px
}

.container {
	width: 100%;
	float: left;
	position: relative;
	margin-bottom: 30px
}

.slide {
	max-width: 1048px;
	margin: 0 auto;
	overflow: hidden;
	position: relative;
	height: 384px !important;
}

.slide .img {
	overflow: hidden;
	position: absolute;
	transition: width 0.4s, height 0.4s, top 0.4s, left 0.4s, z-index 0.4s;
}

.slide .img strong {
	float: right;
	margin-right: 18px;
	color: #cf000d;
	margin-top: -35px;
	display: none
}

.slide .img img {
	width: 100%;
	float: left;
}

.slide .img1 {
	width: 529px;
	top: 42px;
	left: 0px;
	z-index: 1;
}

.slide .img2 {
	width: 606px;
	top: 25px;
	left: 79px;
	z-index: 2;
}

.slide .img3 {
	width: 688px;
	top: 0px;
	left: 179px;
	z-index: 3;
}

.slide .img3 strong {
	display: block
}

.slide .img4 {
	width: 606px;
	top: 25px;
	left: 362px;
	z-index: 2;
}

.slide .img5 {
	width: 529px;
	top: 42px;
	left: 516px;
	z-index: 1;
}

.btn_pre,
.btn_next {
	outline: none;
	cursor: pointer;
	border: none;
	left: 0px;
	width: 66px;
	top: 159px;
	height: 66px;
	background: #d8d8d8;
	text-align: center;
	line-height: 66px;
	color: #6c6c6c;
	text-align: center;
	font-weight: bold;
	font-size: 24px;
	font-family: "宋体";
	border-radius: 100%;
	position: absolute
}

.btn_next {
	right: 0px;
	left: auto
}

.joinB_con,
.joinB_bo {
	width: 100%;
	float: left
}

.joinB_con p {
	width: 237px;
	height: 162px;
	float: left;
	margin-right: 20px;
	text-align: center
}

.joinB_con p i,
.joinB_con p em {
	height: 30px;
	margin-top: 42px;
	display: inline-block
}

.joinB_con p:nth-child(1) {
	background: #1b9ca1
}

.joinB_con p:nth-child(2) {
	background: #1795df
}

.joinB_con p:nth-child(3) {
	background: #e17e80
}

.joinB_con p:nth-child(4) {
	background: #d1a534
}

.joinB_con p:nth-child(5) {
	background: #1ea9d1;
	margin-right: 0px
}

.joinB_con p strong {
	display: block;
	color: #fff;
	font-size: 18px;
	margin-top: 16px
}

.joinB_bo {
	position: relative;
	margin-top: 42px
}

.joinB_bo p {
	width: 315px;
	float: left;
	margin-right: 3px;
	margin-top: 3px;
	overflow: hidden
}

.joinB_bo p:nth-child(4) {
	margin-right: 0px;
	position: absolute;
	right: 0px
}

.joinB_bo p:nth-child(5) {
	position: absolute;
	left: 0px;
	top: 190px
}

.join_C {
	padding: 52px 0px
}

.join_C ul {
	width: 100%;
	float: left
}

.join_C ul li {
	width: 300px;
	float: left;
	position: relative;
	margin-right: 22px;
}

.join_C ul li>img {
	width: 100%;
	float: left
}

.join_C ul li div {
	position: absolute;
	left: 0px;
	right: 0px;
	top: 0px;
	bottom: 0px;
	padding: 28px;
	color: #fff
}

.join_C ul li div i {
	height: 42px;
	margin-top: 10px;
	display: block
}

.join_C ul li div strong {
	font-size: 18px;
	display: block;
	margin-top: 20px
}

.join_C ul li div p {
	line-height: 28px;
	margin-top: 20px
}

.join_C ul li:last-child {
	margin-right: 0px
}

.joinD {
	width: 100%;
	float: left;
	background: #f6f6f6;
	padding: 54px 0px 80px 0px
}

.joinD table {
	width: 100%;
	float: left
}

.joinD table td {
	color: #666666;
	padding: 14px 40px;
	border-bottom: 1px solid #e3e3e3
}

.joinD table td a {
	color: #666
}

.joinD table thead td {
	font-weight: bold;
	padding: 10px 40px;
}

.joinD table thead td {
	background: #f0f0f0;
	border-bottom: 2px solid #cf000d
}

.joinD table td a:hover {
	color: #cf000d
}

.M_banner {
	position: relative
}

.M_banner_top {
	width: 725px;
	float: left
}

.M_banner_top strong {
	font-size: 40px;
	color: #fff;
	margin-top: 94px;
	display: block;
	margin-bottom: 20px;
	position: relative;
	padding-bottom: 20px
}

.M_banner_top1 strong {
	background: url(../images/xian.jpeg) no-repeat center bottom;
}

.M_banner_top span {
	color: #fff;
	font-size: 28px;
	display: block;
	margin-bottom: 30px
}

.M_banner_top p {
	font-size: 15px;
	line-height: 36px;
	color: #fff
}

.M_banner_en {
	position: absolute;
	bottom: 0px;
	left: 0px;
	right: 0px;
	height: 50px;
	background-color: rgba(0, 0, 0, 0.5);
	top: auto
}

.M_banner_a {
	float: left;
}

.M_banner_a a {
	line-height: 50px;
	margin-right: 70px;
	float: left;
	color: #fff
}

.M_banner_a a:hover,
.M_banner_a a.cur {
	color: #cf000d
}

.M_banner_en .menu_right {
	margin-top: 18px;
}

.methodA,
.met_tit,
.methodA_con,
.methodC {
	width: 100%;
	float: left
}

.methodA,
.methodC,
.methodE {
	padding: 58px 0px
}

.met_tit span {
	float: left;
	font-size: 24px;
	color: #000000;
	display: block;
}

.met_tit span:before {
	content: '';
	width: 2px;
	height: 24px;
	background: #cf000d;
	float: left;
	margin-top: 5px;
	margin-right: 12px
}

.methodA_con {
	border: 1px solid #efefef;
	width: 99%;
	padding: 20px 0px;
	margin-top: 30px
}

.methodA_con div {
	width: 636px;
	float: left;
	margin-left: 40px;
	margin-top: 18px;
}

.methodA_con div span {
	font-size: 28px;
	color: #000000;
	display: block;
	margin-bottom: 40px
}

.methodA_con div p {
	color: #666666;
	line-height: 24px;
	margin-bottom: 10px;
	margin-top: 40px
}

.methodA_con>img {
	float: right;
	margin-right: 15px
}

.methodB,
.methodD {
	width: 100%;
	float: left;
	background: #f8f8f8;
	padding: 58px 0px
}

.methodB_bo {
	width: 100%;
	float: left;
	margin-top: 40px;
}

.methodB_bo>img {
	width: 533px;
	float: left
}

.methodB_R {
	float: right;
	width: 655px;
	position: relative
}

.methodB_R p {
	color: #666666;
	line-height: 33px;
}

.methodB_R div {
	padding-left: 80px
}

.methodB_R strong {
	display: block;
	color: #666666;
	margin-top: 50px;
	margin-bottom: 14px
}

.methodB_R strong:before {
	content: url(../images/metico.png);
	position: absolute;
	left: 0px
}

.methodC_on {
	width: 99%;
	border: 1px solid #efefef;
	float: left;
	/*height:400px;*/
	margin-top: 40px
}

.methodC_on .hd {
	float: left;
	width: 197px;
	height: 100%
}

.methodC_on .hd ul {
	float: left;
	width: 100%;
	border-right: 1px solid #dcdcdc;
	height: 100%
}

.methodC_on .hd ul li {
	display: block;
	padding: 20px 28px;
	border: 1px solid #fff;
	cursor: pointer;
	border-left: 4px solid #fff;
	font-size: 16px;
	color: #333333
}

.methodC_on .hd ul li.on {
	border-top: 1px solid #dcdcdc;
	border-bottom: 1px solid #dcdcdc;
	border-left: 4px solid #1ea8ea;
	margin-right: -1px;
	color: #1ea8ea
}

.methodC_on .hd ul li:first-child.on {
	border-top: none
}

.methodC_on .hd ul li:last-child.on {
	border-bottom: none
}

.methodC_on .bd {
	width: 940px;
	float: right;
	margin-right: 46px;
	margin-top: 40px;
	zoom: 1;
	margin-bottom: 20px;
}

.met_div,
.methodD_con {
	width: 100%;
	float: left
}

.met_div>p>img,
.met_div>img {
	float: left;
	width: 552px;
}

.met_div div {
	width: 372px;
	float: right
}

.met_div div span {
	font-size: 24px;
	color: #000000;
	display: block;
	margin-bottom: 20px
}

.met_div div p {
	color: #666666;
	line-height: 33px
}

.methodD_con div {
	width: 397px;
	min-height: 344px;
	padding-bottom: 20px;
	border: 1px solid #d2d2d2;
	margin-top: 34px;
	margin-right: 34px;
	float: left
}

.methodD_con div dl {
	padding: 34px 20px;
	background: #ebebec;
	text-align: center
}

.methodD_con div dl dt {
	font-size: 18px;
	color: #333333
}

.methodD_con div dl dd {
	color: #888888;
	margin-top: 20px
}

.methodD_con div>p {
	color: #666666;
	line-height: 22px;
	padding: 0px 20px;
	margin-top: 18px
}

.methodD_con div:nth-child(3n) {
	margin-right: 0px
}

.methodD_con {
	display: flex;
	flex-wrap: wrap;
}

.methodE,
.methodE ul {
	width: 100%;
	float: left
}

.methodE ul {
	margin-top: 10px;
	display: flex;
	flex-wrap: wrap;
}

.methodE ul li {
	width: 298px;
	height: 278px;
	border: 1px solid #e7e7e7;
	margin-top: 23px;
	float: left;
	margin-right: 23px
}

.methodE ul li a {
	width: 100%;
	float: left;
	padding-bottom: 20px;
	height: 100%
}

.methodE ul li h4 {
	background: #f8f9f9;
	color: #08a0e9;
	font-size: 20px;
	display: block;
	margin-bottom: 25px;
}

.methodE ul li h4 strong {
	display: block;
	padding: 29px 15px;
}

.methodE ul li h4 strong img {
	float: left;
	margin-right: 12px
}

.methodE ul li p {
	color: #666666;
	line-height: 25px;
	padding: 0px 20px;
}

.methodE ul li:nth-child(4n) {
	margin-right: 0px
}

.method1A {
	width: 100%;
	float: left;
	padding-bottom: 58px
}

.method1A .w1270 {
	overflow: inherit
}

.met1xq {
	width: 100%;
	float: left;
	margin-top: 28px;
	position: relative
}

.met1_con {
	width: 100%;
	float: left
}

.met1_con .met1_top {
	width: 310px;
	float: left;
	position: relative;
	overflow: hidden;
	margin-right: 10px;
	margin-top: 10px;
	cursor: pointer
}

.met1_con .met1_top div {
	position: absolute;
	left: 0px;
	right: 0px;
	top: 0px;
	bottom: 0px;
	padding: 0px 40px;
	text-align: center;
	background-color: rgba(0, 0, 0, 0.6)
}

.met1_con .met1_top:hover div {
	background-color: rgba(32, 163, 221, 0.9)
}

.met1_con .met1_top div p {
	display: block;
	margin-top: 14px;
	font-size: 16px;
	color: #fff;
	line-height: 26px;
}

.met1_con .met1_top div img {
	margin-top: 52px;
}

.met1_con .met1_top:nth-child(4n) {
	margin-right: 0px;
}

.met1_ER {
	float: right;
	width: 546px;
	border-left: 1px solid #efefef
}

.met1_ER img,
.met1_con .met1_top>img,
.met1_EBot {
	width: 100%;
	float: left
}

.met1_EL {
	float: left;
	width: 546px;
	margin-left: 70px;
	padding-right: 20px;
	margin-top: 40px;
	height: 260px;
	overflow-y: scroll;
}

.met1_ETop {
	position: absolute;
	left: 0px;
	right: 0px;
	top: 10px;
	height: auto;
	padding-bottom: 20px;
	border: 1px solid #efefef;
	background: #fff;
	display: none
}

.met1_EL span {
	font-size: 16px;
	color: #373D41;
	margin: 20px 0px;
	width: 100%;
	float: left
}

.met1_EL p {
	font-size: 12px;
	line-height: 24px;
	color: #777f84;
}

.met1_EBot {
	text-align: center;
	padding-top: 25px;
	width: 100%;
	float: left;
	border-top: 1px solid #efefef;
}

.met1_EBot a {
	display: inline-block;
	padding: 14px 20px;
	background: #00B7D3;
	color: #fff;
}

.met1_ETop>img {
	position: absolute;
	right: 10px;
	top: 10px;
	width: 15px;
	cursor: pointer
}

.method1B {
	width: 100%;
	float: left;
	padding: 58px 0px;
	background: #f8f8f8
}

.met1_BC {
	width: 100%;
	float: left;
	margin-top: 35px
}

.met1_BC li {
	width: 390px;
	height: 472px;
	background: #fff;
	float: left;
	margin-right: 50px;
}

.met1_BC li:nth-child(3n) {
	margin-right: 0px
}

.met1_BC li dl dt {
	font-size: 20px;
	padding: 26px;
	background: #08a0e9;
	color: #fff;
	text-align: center
}

.met1_BC li dl dd {
	margin: 0px 20px;
	color: #666666;
	line-height: 25px;
	border-bottom: 1px solid #e9e9e9;
	padding: 30px 0px 10px 0px;
	height: 76px;
}

.met1_BC li div {
	display: block;
	padding: 0px 20px;
	margin-top: 20px;
	overflow: hidden
}

.met1_BC li div p {
	width: 100%;
	float: left;
	color: #333333;
	line-height: 26px
}

.met1_BC li div p strong {
	float: left;
	margin-right: 10px
}

.met1_BC li div p:before {
	content: url(../images/met1ico1.png);
	float: left;
	margin-right: 10px
}

.met1_BC li div p span {
	width: 235px;
	float: left;
}

.method1C {
	width: 100%;
	float: left;
	background: url(../images/met1pic7.jpeg) no-repeat center;
	min-height: 500px;
	background-size: cover
}

.method1C .w1270 {
	overflow: inherit
}

.metC_con {
	margin-top: 56px;
	position: relative
}

.metC_con,
.metC_con .swiper-slide {
	width: 100%;
	float: left
}

.metC_con .swiper-slide p {
	width: 23.5%;
	float: left;
	margin-right: 2%;
	text-align: center;
	background-color: rgba(255, 255, 255, 0.05);
	min-height: 260px;
}

.metC_con .swiper-slide p img {
	margin-top: 45px
}

.metC_con .swiper-slide p:nth-child(4n) {
	margin-right: 0px
}

.metC_con .swiper-slide p span {
	display: block;
	font-size: 18px;
	color: #fff;
	margin-top: 20px;
	padding: 0px 40px;
	line-height: 30px
}

.method1C .met_tit {
	margin-top: 60px
}

.method1C .met_tit span {
	color: #fff
}

.method1C .met_tit span:before {
	background: #fff
}

.method1C .arrow-left,
.method1C .arrow-right {
	width: 25px;
	height: 45px;
	position: absolute;
	left: -58px;
	background: url(../images/met1pre.png) no-repeat center;
	top: 39%;
	display: none
}

.method1C .arrow-right {
	left: auto;
	right: -58px;
	background: url(../images/met1next.png) no-repeat center
}

.methodD {
	width: 100%;
	float: left;
	padding: 58px 0px
}

.methodD .met_tit {
	margin-bottom: 20px;
}

.methodD .w1270>p {
	color: #666666;
	line-height: 30px;
	width: 100%;
	float: left
}

.met1D_bo {
	width: 100%;
	float: left;
	margin-top: 5px
}

.met1D_bo p {
	width: 238px;
	float: left;
	overflow: hidden;
	position: relative;
	margin-right: 19px;
	margin-top: 19px
}

.met1D_bo p span {
	position: absolute;
	left: 0px;
	right: 0px;
	bottom: 0px;
	padding: 18px;
	color: #fff;
	background-color: rgba(6, 31, 80, 0.8)
}

.met1D_bo p:nth-child(5n) {
	margin-right: 0px
}

.method2A {
	width: 100%;
	float: left;
	background: #f8f8f8;
	padding: 58px 0px
}

.met2_con {
	width: 100%;
	float: left;
	background: #f0f0f0;
	position: relative;
	margin-top: 35px
}

.met2_con .swiper-slide>p {
	float: left
}

.met2_con .swiper-slide div {
	float: right;
	width: 302px;
	padding: 22px;
	background: #f0f0f0;
	height: 100%
}

.met2_con .swiper-slide div span {
	font-size: 20px;
	color: #333333;
	display: block;
	margin-top: 15px;
}

.met2_con .swiper-slide div p {
	color: #666666;
	line-height: 33px;
	margin-top: 30px
}

.met2_con .pagination {
	bottom: 25px;
	right: 22px;
	width: 302px;
	position: absolute;
	text-align: center;
	z-index: 2
}

.met2_con .swiper-pagination-switch {
	width: 10px;
	height: 10px;
	margin-right: 5px;
	border-radius: 100%;
	background: #b2b2b2;
	float: left;
	cursor: pointer;
	margin-top: 1px;
}

.met2_con .swiper-active-switch {
	background: #34bdef;
	width: 12px;
	height: 12px;
	margin-top: 0px
}

.method2B,
.method3A {
	width: 100%;
	float: left;
	padding: 58px 0px
}

.met2_Box {
	margin-top: 35px
}

.met2_Box,
.met2_Box .hd ul {
	width: 100%;
	float: left
}

.met2_Box .hd ul li {
	float: left;
	padding: 16px 33px;
	cursor: pointer;
	background: #f1f2f3;
	color: #333;
	margin-right: 20px;
}

.met2_Box .hd ul li.on {
	color: #fff;
	background: #20a4e1;
}

.met2_Box .bd div img {
	width: 100%;
	float: left;
	margin-top: 42px
}

.method3B {
	background: #f8f8f8
}

.method3B .methodA_con {
	background: #fff
}

.method3C {
	padding-top: 58px
}

.met3A_con {
	width: 99.8%;
	float: left;
	margin-top: 10px;
	margin-left: 0.2%;
	padding-bottom: 3px;
}

.met3A_con a {
	float: left;
	width: 233px;
	min-height: 145px;
	margin-right: 22px;
	text-align: center;
	border: 1px solid #ecf8fe;
	margin-top: 22px
}

.met3A_con a:nth-child(5n) {
	margin-right: 0px
}

.met3A_con a span {
	display: block;
	font-size: 16px;
	color: #666666;
	margin-top: 15px
}

.met3A_con a img {
	margin-top: 30px;
}

.met3A_con a:hover {
	box-shadow: 0px 0px 10px #d7f2fe
}

.method4A .methodA_con div span {
	font-size: 22px;
	margin-bottom: 16px;
	margin-top: 30px
}

.method4A .methodA_con div {
	margin-top: 0px
}

.method4B {
	padding-top: 0px
}

.M_banner_top1 {
	width: 100%;
	text-align: center
}

.M_banner_top1 p {
	padding: 0px 208px
}

.M_menu {
	width: 100%;
	float: left;
	padding: 24px 0px;
	border-bottom: 1px solid #ececec
}

.M_menu a {
	line-height: 32px;
	color: #666666;
	padding: 0px 26px;
	float: left;
	margin: 2px 0px
}

.M_menu a:hover,
.M_menu a.cur {
	color: #fff;
	background: #cf000d
}

.xqA {
	width: 100%;
	float: left;
	padding-bottom: 52px
}

.xqA_left {
	width: 620px;
	float: left;
	margin-top: 56px;
}

.xqA_left span {
	font-size: 20px;
	color: #333333
}

.xqA_left span img {
	float: left;
	margin-right: 10px
}

.xqA_left p,
.talkA>p {
	color: #666666;
	line-height: 30px;
	width: 100%;
	float: left;
	margin-top: 20px
}

.xqA .w1270>p {
	width: 575px;
	float: right;
	overflow: hidden;
	margin-top: 56px
}

.xqB,
.xqD,
.xqF,
.metxqA,
.metxqD,
.metxqF,
.metxqH,
.metxqJ,
.metxqL,
.metxqN {
	background: #f7f8fa
}

.xqB .w1270>p {
	width: 548px;
	float: left;
	overflow: hidden;
	margin-top: 56px
}

.xqB_right {
	width: 668px;
	float: right;
	margin-top: 56px
}

.xqB_right p {
	color: #666666;
	line-height: 30px
}

.xqC {
	padding-top: 50px;
}

.xqC span {
	font-size: 20px;
	color: #333333;
}

.xqC table {
	width: 100%;
	float: left;
	border-left: 1px solid #efefef;
	border-top: 1px solid #efefef;
	margin-top: 30px
}

.xqC table td {
	border-bottom: 1px solid #efefef;
	border-right: 1px solid #efefef;
	padding: 14px 18px;
	color: #666666
}

.xqC table td strong {
	color: #333
}

.xqC table td i {
	display: block;
	text-align: center
}

.xqA h4 {
	font-size: 30px
}

.xqD_con {
	width: 100%;
	float: left
}

.xqD_con div {
	width: 400px;
	height: 510px;
	float: left;
	border: 1px solid #e8e8ea;
	background: #fff;
	margin-right: 32px;
	margin-top: 32px
}

.xqD_con div i {
	text-align: center;
	display: block;
	margin-top: 25px
}

.xqD_con div span {
	display: block;
	text-align: center;
	font-size: 20px;
	color: #333333;
	margin: 18px 10px
}

.xqD_con div p {
	color: #666666;
	line-height: 30px;
	padding: 0px 28px;
}

.xqD_con div:nth-child(3n) {
	margin-right: 0px
}

.talkB .xqA:nth-child(2n) {
	background: none !important
}

.talkB .xqA_left p {
	color: #000
}

.talkB .xqA {
	margin-top: 30px;
	padding-bottom: 30px
}

.talk1_dh:nth-child(2n) {
	background: none
}

.talk1_dh:nth-child(2n) .w1280>div {
	float: left
}

.talk1_dh:nth-child(2n) .w1280>p {
	float: right
}

.inE_con {
	width: 100%;
	float: left;
	margin-top: 45px;
	position: relative
}

.inE_con p {
	float: left;
	width: 300px;
	position: relative;
	overflow: hidden;
	margin-right: 20px;
	border: 1px solid #efefef
}

.inE_con p strong {
	position: absolute;
	left: 0px;
	right: 0px;
	top: 0px;
	bottom: 0px;
	font-size: 16px;
	line-height: 30px;
	padding: 28px;
	background: #fafafa;
	opacity: 0
}

.inE_con p:last-child {
	margin-right: 0px
}

.inE_con p:hover strong {
	opacity: 1
}

.inE_con .arrow-left,
.inE_con .arrow-right {
	position: absolute;
	left: 0px;
	z-index: 2;
	top: 40%;
	width: 21px;
	height: 39px;
	background-color: rgba(0, 0, 0, 0.6);
	color: #fff;
	font-family: "宋体";
	font-size: 20px;
	font-weight: bold;
	text-align: center;
	line-height: 39px;
}

.inE_con .arrow-right {
	left: auto;
	right: 0px
}

.xqF_con {
	width: 100%;
	float: left;
	margin-top: 5px
}

.xqF_con div {
	width: 400px;
	height: 142px;
	border: 1px solid #e4e4e4;
	float: left;
	margin-top: 32px;
	margin-right: 32px;
}

.xqF_con div span {
	text-align: center;
	width: 110px;
	float: left
}

.xqF_con div span img {
	margin-top: 32px
}

.xqF_con div span i,
.xqF_con div span em {
	display: block;
	font-size: 16px;
	color: #888888;
	margin-top: 12px
}

.xqF_con div p {
	width: 288px;
	float: left;
	height: 100%;
	border-left: 1px solid #e4e4e4;
	text-align: center;
	font-size: 22px;
	color: #cf000d;
	line-height: 142px;
}

.xqF_con div:nth-child(3n) {
	margin-right: 0px
}

.metxqA ul,
.metxqB .w1270 div,
.metxqB .w1270 div img {
	width: 100%;
	float: left
}

.metxqA ul li {
	width: 358px;
	float: left;
	border: 1px solid #e6e6e6;
	height: 260px;
	padding: 0px 20px;
	margin-top: 35px;
	margin-right: 35px;
}

.metxqA ul li p {
	display: block;
	padding-left: 44px;
	font-size: 16px;
	color: #666666;
	line-height: 28px;
	position: relative;
	margin-top: 20px
}

.metxqA ul li p img {
	position: absolute;
	left: 0px;
	top: 5px;
}

.metxqA ul li:nth-child(3n) {
	margin-right: 0px
}

.metxqB .w1270 div {
	margin-top: 30px
}

.metxqC {
	padding-top: 40px
}

.metxqC h4 {
	margin-top: 0px;
	margin-bottom: 60px
}

.metxqC_left {
	width: 623px;
	float: left;
	border: 1px solid #f5f5f5;
	position: relative
}

.metxqC_left .pagination {
	bottom: 15px;
	left: 0px;
	right: 0px;
	position: absolute;
	text-align: center;
	z-index: 2
}

.metxqC_left .swiper-pagination-switch {
	width: 10px;
	height: 10px;
	margin: 0px 5px;
	background: #bbbbbb;
	border-radius: 100%;
	display: inline-block;
	cursor: pointer
}

.metxqC_left .swiper-active-switch {
	background: #cf000d
}

.metxqC_right {
	width: 610px;
	float: right
}

.metxqC_right h1 {
	font-size: 16px;
	color: #666666;
	font-weight: bold;
	line-height: 30px;
	display: block;
	margin-bottom: 28px
}

.metxqC_right p,
.metxqC_right>div>div {
	padding-left: 12px;
	color: #666666;
	line-height: 26px;
	position: relative;
	margin-top: 5px;
	display: block;
	overflow: hidden
}

.metxqC_right p strong {
	color: #1a72cb;
	float: left
}

.metxqC_right>div>div {
	padding-left: 0px
}

.metxqC_right p:before {
	content: url(../images/xq1ico8.png);
	left: 0px;
	position: absolute
}

.metxqD_top {
	width: 100%;
	float: left;
	padding: 28px 0px;
	background: #fff;
	margin-top: 42px;
	position: relative
}

.metxqD_top img {
	width: 505px;
	float: left;
	border-right: 1px dashed #d6d6d6
}

.metxqD_top strong {
	float: right;
	margin-right: 40px;
	width: 645px;
	font-size: 16px;
	line-height: 34px;
	color: #666666;
	margin-top: 30px
}

.metxqD_top .pagination {
	bottom: 38px;
	width: 645px;
	right: 40px;
	position: absolute;
	z-index: 2
}

.metxqD_top .swiper-pagination-switch {
	width: 18px;
	height: 4px;
	margin-right: 5px;
	background: #e8e8e8;
	float: left;
	cursor: pointer
}

.metxqD_top .swiper-active-switch {
	background: #cf000d
}

.metxqD ul {
	width: 100%;
	float: left;
	margin-top: 50px;
}

.metxqD ul li {
	width: 300px;
	float: left;
	margin-right: 23px;
}

.metxqD ul li img,
.metxqD ul li strong,
.metxqD ul li div {
	width: 100%;
	float: left
}

.metxqD ul li strong {
	font-size: 16px;
	color: #333333;
	margin: 20px 0px 15px 0px;
}

.metxqD ul li div p {
	padding-left: 20px;
	color: #666666;
	line-height: 30px;
	position: relative
}

.metxqD ul li div p:before {
	content: url(../images/xq1ico9.png);
	position: absolute;
	left: 0px
}

.metxqD ul li:last-child {
	margin-right: 0px
}

.metxqE,
.metxqF .methodC_on {
	background: #fff
}

.metxqF .methodC_on .hd ul li {
	padding: 20px 15px;
}

.metxqF .methodC_on .bd {
	margin-top: 0px
}

.metxqF_con {
	width: 868px;
	float: right;
	margin-top: 30px
}

.metxqF_con strong {
	display: block;
	color: #666666;
	margin-top: 14px;
}

.metxqF_con strong:before {
	content: '';
	width: 4px;
	height: 4px;
	background: #1a72cb;
	float: left;
	margin-top: 14px;
	margin-left: -14px
}

.metxqF_con p {
	color: #666666;
	line-height: 30px;
}

.metxqG ul,
.metxqH ul,
.metxqJ_div img,
.metxqJ_div p {
	width: 100%;
	float: left
}

.metxqG ul li {
	width: 48%;
	float: left;
	margin-top: 28px;
	font-size: 16px;
	color: #333333
}

.metxqG ul li:nth-child(2n) {
	float: right
}

.metxqG ul li p:first-child {
	width: 45px;
	height: 45px;
	margin-right: 18px;
	border: 1px solid #f1f1f1;
	border-radius: 100%;
	background: #fff;
	line-height: 45px;
	text-align: center;
	font-family: Arial;
	font-size: 18px;
	color: #cf000d;
	font-weight: bold;
	float: left
}

.metxqG ul li p:last-child {
	line-height: 45px;
	float: right;
	width: 540px
}

.metxqH ul {
	margin-top: 36px
}

.metxqH ul li {
	width: 400px;
	float: left;
	margin-right: 35px;
}

.metxqH ul li:nth-child(3n) {
	margin-right: 0px
}

.metxqH ul li p {
	overflow: hidden;
	width: 100%;
	float: left
}

.metxqH ul li span {
	color: #333333;
	margin-top: 15px;
	display: block;
	width: 100%;
	float: left
}

.metxqI_top {
	width: 100%;
	float: left;
	padding: 30px 0px;
	background: #f5f5f5;
	color: #333333;
	line-height: 30px;
	text-align: center;
	margin-top: 26px
}

.metxqI_top p {
	padding: 0px 70px
}

.metxqI {
	padding-bottom: 0px
}

.metxqI .w1270>p {
	width: 100%;
	float: left;
	text-align: center;
	margin-top: 40px
}

.metxqI ul {
	width: 100%;
	float: left;
	padding-bottom: 52px
}

.metxqI ul li {
	width: 398px;
	/*height:478px;*/
	float: left;
	background: #f5f5f5;
	border-top: 4px solid #1a72cb;
	margin-right: 38px;
	margin-top: 40px;
	padding-bottom: 40px;
}

.metxqI ul li:nth-child(3n) {
	margin-right: 0px
}

.metxqI ul li p {
	color: #666666;
	line-height: 30px;
	padding: 0px 25px;
	margin-top: 34px
}

.metxqJ .w1270 {
	overflow: inherit
}

.metxqJ_div {
	width: 400px;
	float: left;
	margin-right: 35px;
}

.metxqJ_div:last-child {
	margin-right: 0px
}

.metxqJ_div p {
	color: #666666;
	line-height: 30px;
	margin-top: 18px
}

.metxqJ_con {
	width: 100%;
	float: left;
	margin-top: 46px;
	position: relative
}

.metxqJ_con .arrow-left,
.metxqJ_con .arrow-right,
.metxqO_con .arrow-left,
.metxqO_con .arrow-right {
	position: absolute;
	left: -116px;
	z-index: 2;
	border-radius: 100%;
	top: 34%;
	width: 66px;
	height: 66px;
	background: #d8d8d8;
	line-height: 66px;
	text-align: center;
	font-weight: bold;
	font-family: "宋体";
	font-size: 24px;
	color: #6c6c6c;
	display: none;
}

.metxqJ_con .arrow-right,
.metxqO_con .arrow-right {
	left: auto;
	right: -116px
}

.metxqK {
	background: #fff
}

.metxqL .w1270>img {
	float: left;
	width: 561px;
}

.metxqL .metxqC_right {
	width: 668px;
}

.metxqL h4 {
	margin-bottom: 45px;
}

/* .metxqK .arrow-right,.metxqK .arrow-left{display:none !important} */

.metxqM_Box {
	margin-top: 45px
}

.metxqM_Box,
.metxqM_Box .hd ul {
	width: 100%;
	float: left
}

.metxqM_Box .hd ul {
	border-bottom: 2px solid #e5e5e5
}

.metxqM_Box .hd ul li {
	float: left;
	font-size: 16px;
	color: #666666;
	margin-right: 50px;
	padding-bottom: 20px;
	cursor: pointer;
	border-bottom: 2px solid #e5e5e5;
	margin-bottom: -2px
}

.metxqM_Box .hd ul li.on {
	border-color: #cf000d
}

.metxqM_Box .bd div {
	width: 100%;
	float: left;
	margin-top: 40px
}

.metxqM_Box .bd div h2 {
	font-size: 20px;
	color: #333333
}

.metxqM_Box .bd div p {
	margin-top: 20px
}

.metxqM_Box .bd div p span {
	float: left;
	color: #666666;
	margin-right: 50px;
}

.metxqM_Box .bd div p span:before {
	content: url(../images/xq1ico12.png);
	float: left;
	margin-right: 8px
}

.metxqM_Box .bd div .metxqJ_con div {
	margin-top: 0px !important
}

.xqJ_div {
	width: 340px;
	padding: 0px 28px;
	background: #fff;
	border: 1px solid #e9e9e9;
	float: left;
	margin-right: 38px;
	height: 585px
}

.xqJ_div:nth-child(3n) {
	margin-right: 0px
}

.xqJ_div span {
	font-size: 16px;
	color: #333333;
	margin-top: 38px;
	display: block;
	font-weight: bold
}

.xqJ_div p {
	color: #666666;
	line-height: 30px;
	margin-top: 15px;
}

.metxq_p {
	width: 228px;
	float: left;
	margin-right: 30px;
	margin: 15px 30px 15px 0px;
	border: 1px solid #e9e9e9;
	overflow: hidden
}

.metxq_p:nth-child(5n) {
	margin-right: 0px;
}

.swiper-parent {
	padding: 30px 0px;
	border: 1px solid #e9e9e9;
	width: 99%;
	float: left;
	position: relative;
	overflow: hidden;
	margin-top: 35px;
}

.swiper-parent .swiper-container {
	width: 711px;
	float: left;
	border-right: 1px dashed #d1d1d1;
	overflow: hidden;
	position: relative;
	text-align: center
}

.swiper-parent .swiper-container img {
	width: 100%;
	float: left;
}

.swiper-parent .swiper-container .pagination {
	position: absolute;
	left: 0px;
	right: 0px;
	bottom: 0px;
	z-index: 20
}

.swiper-parent .swiper-container .swiper-pagination-switch {
	width: 10px;
	height: 10px;
	margin: 0px 2px;
	border-radius: 100%;
	background: #e8e8e8;
	display: inline-block;
	cursor: pointer
}

.swiper-parent .swiper-container .swiper-active-switch {
	background: #cf000d
}

.metxqO_con {
	width: 100%;
	float: left;
	position: relative;
}

.metxqO_R {
	float: right;
	width: 482px;
	margin-right: 28px;
	color: #666666;
	line-height: 30px
}

.metxqO .w1270 {
	overflow: inherit
}

.containerA {
	width: 100%;
	float: left;
	display: none
}

.containerA div {
	width: 49%;
	float: left;
	margin-top: 15px
}

.containerA div:nth-child(2n) {
	float: right
}

.containerA div strong {
	margin-top: 10px;
	display: block
}

.swi_p {
	width: 90%;
	margin: 0 auto;
	overflow: hidden;
	line-height: 30px;
	color: #666
}


.xqA:nth-child(2n+1) {
	background: #f7f8fa !important
}

.xqA:nth-child(2n) {
	background: #fff !important
}

.slide_show {
	display: block
}

/*网站地图*/
.map {
	padding-bottom: 60px
}

.map_con {
	width: 99.8%;
	float: left;
	margin-top: 60px;
}

.map_con span {
	font-size: 18px;
	color: #666666;
	font-weight: bold;
	background: #fff;
	float: left;
	margin-left: 30px
}

.map_con span a {
	color: #666666;
}

.map_con span a:hover {
	color: #cf000d
}

.map_con div {
	width: 100%;
	float: left;
	padding: 40px 0px;
	border: 1px solid #e5e5e5;
	margin-top: 20px
}

.map_con div p {
	padding: 0px 34px;
}

.map_con div p a {
	font-size: 14px;
	color: #666666;
	line-height: 28px
}

.map_con div p a:after {
	content: '|';
	color: #d4d4d4;
	padding: 0px 10px
}

.map_con div p a:hover {
	color: #cf000d
}

.map_con div p a:last-child:after {
	display: none
}

@media screen and (max-width:1440px) {
	.w1440 {
		width: 1200px;
	}

	.header .w1440 {
		width: 1300px;
	}

	.inA_con a {
		width: 286px;
		margin-right: 18px;
	}

	.header_right {
		width: 1040px
	}

	.inA_con a:first-child {
		width: 591px;
	}

	.inB_L {
		width: 48%
	}

	.inB_R {
		width: 50%
	}

	.inB_R dl dt {
		font-size: 16px;
	}

	.inB_R div a {
		line-height: 34px;
		height: 34px;
	}

	.inD_con a {
		margin-right: 9%
	}

	.footer dl {
		width: 136px;
	}

	.footer dl.teshu {
		width: 490px;
	}

	.ul_bo dl {
		margin-right: 30px;
	}

	.metxqJ_con .arrow-left,
	.metxqJ_con .arrow-right,
	.metxqO_con .arrow-left,
	.metxqO_con .arrow-right {
		left: -50px;
		/*width:30px;height:50px;border-radius:0;line-height:50px;*/
		opacity: 0;
		transition-duration: .5s;
		-ms-transition-duration: .5s;
		-moz-transition-duration: .5s;
		-webkit-transition-duration: .5s;
	}

	.metxqO_con .arrow-right,
	.metxqJ_con .arrow-right {
		left: auto;
		right: -50px
	}

	.metxqJ_con:hover .arrow-left,
	.metxqJ_con:hover .arrow-right,
	.metxqO_con:hover .arrow-left,
	.metxqO_con:hover .arrow-right {
		opacity: 1;
		left: 0px
	}

	.metxqJ_con:hover .arrow-right,
	.metxqO_con:hover .arrow-right {
		right: 0;
		left: auto
	}

	.metxqJ_con,
	.metxqO_con {
		overflow: hidden
	}
}

@media screen and (max-width:1280px) {

	.w1280,
	.w1270 {
		width: 1200px;
	}

	.news_top a {
		width: 362px;
	}

	.news_bottom li div {
		width: 954px
	}

	.methodC_on .bd {
		width: 914px
	}

	.met_div div {
		width: 328px
	}

	.methodD_con div {
		width: 374px
	}

	.met1_con .met1_top {
		width: 292px
	}

	.met1_EBot {
		padding-top: 12px
	}

	.met1_BC li {
		margin-right: 12px
	}

	.methodE ul li {
		width: 280px;
	}

	.met1D_bo p {
		width: 224px
	}

	.method1C .arrow-left,
	.method1C .arrow-right {
		left: 10px;
		z-index: 10
	}

	.method1C .arrow-right {
		left: auto;
		right: 10px
	}

	.met3A_con a {
		width: 218px
	}

	.met2_con .swiper-slide>p {
		width: 845px
	}

	.xqB_right {
		width: 606px
	}

	.xqA_left {
		width: 580px;
	}

	.xqD_con div {
		width: 375px
	}

	.inE_con p {
		width: 283px
	}

	.xqF_con div {
		width: 374px
	}

	.xqF_con div p {
		width: 245px
	}

	.metxqA ul li {
		width: 333px
	}

	.metxqC_right {
		width: 538px
	}

	.metxqD ul li {
		width: 280px
	}

	.metxqH ul li {
		width: 376px
	}

	.metxqI ul li {
		width: 370px;
		height: 535px
	}

	.metxqJ_div {
		width: 376px
	}

	.metxqL .metxqC_right {
		width: 609px
	}

	.xqJ_div {
		width: 316px;
		height: 290px;
	}

	.metxqO_R {
		width: 416px
	}

	.metxq_p {
		width: 213px;
	}

	.inD_con a {
		margin-right: 8%
	}

	.talkC ul li {
		margin-right: 18px
	}

	.join_C ul li {
		width: 283px
	}

	.join_C ul li div {
		padding: 16px
	}

	.joinB_con p {
		width: 224px
	}

	.joinA a {
		width: 48%
	}

	.met1_con .met1_top div img {
		margin-top: 24px
	}

	.about3_L {
		width: 616px
	}

	.metxqG ul li p:last-child {
		width: 506px
	}

}

@media screen and (max-width:1025px) {

	.w1440,
	.w1270,
	.talkB .w1280 {
		width: 96% !important;
	}

	.header_RT p:last-child,
	.header_RB {
		display: none
	}

	.header_right {
		width: auto;
		float: right
	}

	.header_RT {
		margin-top: 43px
	}

	.inA_con a {
		width: 49%;
		margin-right: auto
	}

	.inA_con a:nth-child(2n+1) {
		float: right
	}

	.inA_con a:first-child,
	.aboutA_R,
	.aboutC p {
		width: 100%
	}

	.inB_R,
	.conn_left,
	.con_right {
		width: 100%
	}

	.inB_L {
		width: 70%;
		margin-left: 15%
	}

	.inB {
		min-height: inherit;
		padding-bottom: 40px
	}

	.inC ul li {
		margin: 0px 45px
	}

	.footer .footop p,
	.S_menu {
		display: none
	}

	.footer dl {
		width: 16.66%
	}

	.footer dl {
		width: 32%;
	}

	.w1280 {
		width: 96%
	}

	.aboutA_R {
		margin-top: 26px
	}

	.aboutC p:before,
	.aboutC p:afetr {
		display: none
	}

	.aboutC span:before {
		height: 0px
	}

	.aboutC p {
		margin-right: 0px;
		margin-top: 36px
	}

	.aboutC span {
		padding-left: 0px;
		margin-top: 38px
	}

	.aboutC {
		padding-bottom: 46px;
	}

	.history div {
		width: 80%
	}

	.history span {
		width: 12%;
		text-align: right
	}

	.about2_con dl {
		width: 36%
	}

	.about2_R {
		width: 60%;
	}

	.about2_R img {
		border: none;
		width: 32%;
		margin-right: 2%
	}

	.about3_L {
		width: 100%;
		margin-bottom: 15px
	}

	.about3_R,
	.about3_con:nth-child(2n+1) .about3_R {
		float: none;
		display: block;
		margin: 0 auto;
	}

	.contact_top>p {
		width: 50%
	}

	.contact_top dl {
		width: 48%
	}

	.con_right {
		border: none;
		padding: 0px;
		text-align: center
	}

	.con_right img {
		width: auto;
		float: none
	}

	.con_right p {
		text-align: center;
		margin-bottom: 20px
	}

	.con_right a {
		display: block;
		float: none;
		margin: 0 auto;
		overflow: hidden;
	}

	.conn_left div {
		padding: 0px 0px 20px 0px;
		margin-bottom: 20px
	}

	.connect {
		padding: 30px 0px
	}

	.conn_left div span {
		font-size: 24px
	}

	.container,
	.M_menu {
		display: none
	}

	.containerA {
		display: block
	}

	.joinA a {
		width: 48%
	}

	.joinB_con p {
		width: 32%;
		margin-right: 2%;
		margin-bottom: 15px
	}

	.joinB_con p:nth-child(3n) {
		margin-right: 0px
	}

	.joinB_bo p {
		width: 25%;
		margin-right: 0px
	}

	.joinB_bo p:nth-child(5) {
		bottom: 0px;
		top: auto
	}

	.joinB_bo p:last-child {
		position: absolute;
		left: 50%;
		bottom: 0px
	}

	.join_C ul li {
		width: 49%;
		margin-right: auto;
		margin-top: 15px
	}

	.join_C ul li:nth-child(2n) {
		float: right
	}

	.news_top a {
		width: 31.6%;
		margin-right: 2%
	}

	.about_AL {
		width: 45%;
		padding: 0px 2%;
		padding-bottom: 40px
	}

	.talkC ul li {
		width: 31.6%;
		margin-right: 2%;
		margin-top: 50px
	}

	.talkC ul li:nth-child(3n) {
		margin-right: 0px
	}

	.talkC ul {
		margin-top: 20px
	}

	.talk1_A .w1280 div {
		width: 100%;
		margin-bottom: 20px
	}

	.talk1_A .w1280>p,
	.talk1_A:nth-child(2n) .w1280>p {
		float: none;
		margin: 0 auto
	}

	.talk2_con .talk1_A .w1280 div,
	.xqA_left,
	.metxqC_right {
		width: 100%
	}

	.xqA .w1270>p {
		float: none;
		margin: 0 auto
	}

	.metxqA ul li {
		width: 45%;
		margin-right: auto;
		padding: 0px 2%
	}

	.metxqA ul li:nth-child(2n) {
		float: right
	}

	.metxqC_left,
	.swiper-parent .swiper-container {
		width: 60%;
		margin-left: 20%
	}

	.metxqD_top strong {
		width: 40%
	}

	.metxqD ul li {
		width: 49%;
		margin-right: auto;
		min-height: 560px
	}

	.metxqD ul li:nth-child(2n),
	.xqD_con div:nth-child(2n) {
		float: right
	}

	.xqD_con div {
		width: 48%;
		margin-right: auto
	}

	.methodC_on .hd,
	.methodC_on .bd,
	.metxqL .metxqC_right {
		width: 100%;
		height: auto
	}

	.methodC_on .hd ul li {
		float: left;
		border: none
	}

	.metxqH ul li,
	.metxqJ_div {
		width: 32%;
		margin-right: 2%
	}

	.metxqI ul li,
	.metxqO_R {
		width: 100%;
		margin-right: 0px;
		height: auto;
		padding-bottom: 20px
	}

	.metxqL .w1270>img {
		float: none;
		margin: 0 auto;
		display: block
	}

	.metxqC_right {
		margin-top: 20px
	}

	.metxqM_Box .hd ul li {
		margin-right: 10px
	}

	.xqJ_div {
		width: 100%;
		margin-right: 0px;
		padding: 0px;
		background: none;
		height: auto;
		border: none
	}

	.metxqJ_con {
		margin-top: 0px
	}

	.metxqO_R,
	.metxqC {
		margin-top: 20px
	}

	.swiper-parent,
	.methodA_con {
		border: none
	}

	.metxqJ_div {
		margin-top: 20px
	}

	.metxq_p {
		width: 31.2%;
		margin-right: 2%
	}

	.metxq_p:nth-child(3n) {
		margin-right: 0px
	}

	.metxq_p:nth-child(5n) {
		margin-right: 2%
	}

	.xqF_con div {
		width: 99%;
		margin-right: 0px
	}

	.M_banner_top1 p {
		padding: 0px 18px
	}

	.M_banner_top strong {
		margin-top: 70px
	}

	.xqA_left,
	.inE_con p {
		margin-bottom: 20px
	}

	.metxqJ_con .arrow-left,
	.metxqJ_con .arrow-right,
	.metxqO_con .arrow-left,
	.metxqO_con .arrow-right {
		left: 0px;
		width: 30px;
		height: 50px;
		border-radius: 0;
		line-height: 50px
	}

	.metxqO_con .arrow-right,
	.metxqJ_con .arrow-right {
		left: auto;
		right: 0px
	}

	.metxqJ_con .swiper-container,
	.inE_con .swiper-container {
		width: 80%;
		margin-left: 10%
	}

	.xqB_right,
	.methodA_con div,
	.methodB_R {
		width: 100%
	}

	.xqB .w1270>p {
		padding-top: 30px
	}

	.inE_con p {
		width: 23.2%;
		margin-right: 2%
	}

	.M_banner_en {
		display: none
	}

	.methodA_con div {
		margin-left: 0px;
		margin-top: 0px;
		margin-bottom: 20px
	}

	.methodA_con>img,
	.methodB_bo>img {
		float: none;
		margin: 0 auto;
		display: block
	}

	.methodB_R,
	.met1_BC li {
		margin-top: 20px
	}

	.methodC_on .hd ul li.on {
		border: none !important
	}

	.methodC_on {
		border: none;
		height: auto
	}

	.methodC_on .bd {
		margin-right: 0px
	}

	.methodD_con div,
	.methodE ul li,
	.met1_BC li {
		width: 100%;
		margin-right: 0px;
		border: none;
		min-height: inherit;
		height: auto;
		background: none
	}

	.M_banner_top {
		width: 100%
	}

	.method1C .arrow-left,
	.method1C .arrow-right {
		left: 0px;
		z-index: 4
	}

	.method1C .arrow-right {
		left: auto;
		right: 0px
	}

	.met1D_bo p {
		width: 23.5%;
		margin-right: 1.8%
	}

	.met1D_bo p:nth-child(4n),
	.met1_con .met1_top:nth-child(3n) {
		margin-right: 0px
	}

	.met1_BC li dl dd {
		height: auto
	}

	.met1_con .met1_top,
	.met1_con .met1_top:nth-child(4n) {
		width: 32%;
		margin-right: 2%
	}

	.met1_ER {
		display: none
	}

	.met1_EL {
		width: 80%;
		margin-left: 10%
	}

	.met1_ETop {
		top: 0px
	}

	.met1_con .met1_top div img {
		margin-top: 35px;
	}

	.met1_EBot {
		margin-top: 20px
	}

	.met2_con .swiper-slide div {
		width: 100%;
		height: auto;
		padding: 0px;
		height: auto;
		background: none
	}

	.met2_con {
		background: none;
		padding-bottom: 50px;
	}

	.met2_con .pagination {
		width: 100%;
		right: 0px;
		bottom: 0px;
		text-align: center
	}

	.met2_con .swiper-pagination-switch {
		float: none;
		display: inline-block;
		margin: 0px 5px
	}

	.met3A_con {
		width: 100%;
		margin-left: 0px
	}

	.met3A_con a {
		width: 32%;
		margin-right: 2%;
		border: none
	}

	.met3A_con a:nth-child(3n) {
		margin-right: 0px
	}

	.method3B .methodA_con {
		background: none
	}

	.met1_con .met1_top div p {
		font-size: 12px;
		height: 52px;
		overflow: hidden
	}

	.menu-handler {
		display: block
	}

	.header {
		position: fixed;
		top: 0px;
		left: 0px;
		right: 0px;
		z-index: 20;
		background: #fff
	}

	.banner,
	.S_banner,
	.M_banner {
		margin-top: 115px
	}

	.M_banner_top1 strong {
		background: none
	}

	.metxqG ul li {
		width: 100%;
	}

	.metxqG ul li p:last-child {
		float: left;
		width: 90%
	}

}

@media screen and (max-width:768px) {
	.inC ul li {
		width: 25%;
		margin: 0px;
		float: left
	}

	.inC {
		padding-bottom: 40px
	}

	.metxqD_top strong {
		width: 100%;
		float: left
	}

	.metxqD_top img {
		display: block;
		margin: 0 auto;
		float: none
	}

	.metxqD_top {
		padding-bottom: 50px;
	}

	.metxqD_top .pagination {
		bottom: 20px;
		text-align: center;
		width: 100%;
		right: 0px
	}

	.metxqD_top .swiper-pagination-switch {
		float: none;
		display: inline-block;
		margin: 0px 4px
	}

	.methodC_on {
		width: 100%;
		border: none
	}

	.metxqF .methodC_on .bd {
		margin-right: 0px
	}

	.metxqF_con {
		width: 96%;
		margin-left: 2%
	}

	.metxqG ul li {
		width: 100%
	}

	.metxqI_top p {
		padding: 10px 20px
	}

	.metxqI .w1270>p {
		margin-top: 20px;
		width: 100%;
		float: left;
		padding: 0px
	}

	.metxqM_Box .hd ul li {
		width: 32%;
		margin-right: 2%;
		text-align: center;
		margin-bottom: 20px
	}

	.metxqM_Box .hd ul li:nth-child(3n) {
		margin-right: 0px
	}

	.metxqM_Box .hd ul {
		border-bottom: none
	}

	.metxqM_Box .bd div p span {
		margin-bottom: 20px
	}

	.inE_con p {
		width: 49%;
		margin-right: auto
	}

	.inE_con p:nth-child(2n) {
		float: right
	}

	.xqC table td {
		width: 16%;
		padding: 10px 0px;
		text-align: center;
		font-size: 12px !important
	}

	.xqD_con div {
		background: none
	}

	.met_div div {
		width: 100%;
		margin-top: 30px
	}

	.met1_EL {
		height: 178px
	}

	.metC_con .swiper-slide p {
		padding-bottom: 20px
	}
}

@media screen and (max-width:414px) {
	.header .logo {
		width: 140px;
		margin-top: 10px;
		margin-top: 0px !important;
	}

	.header .logo img,
	.history div {
		width: 100%
	}

	.header_RT div {
		display: none
	}

	.header_RT {
		margin-top: 16px
	}

	.header {
		height: 64px;
	}

	.banner .pagination {
		bottom: 10px
	}

	.banner .swiper-pagination-switch {
		width: 18px;
		height: 2px
	}

	.in_tit,
	.inC dl dt {
		font-size: 24px;
		margin-top: 26px
	}

	.inA_con a span {
		font-size: 16px;
		bottom: 16px
	}

	.inA_con,
	.inC dl {
		margin-top: 0px
	}

	.inA {
		padding-bottom: 30px;
	}

	.inB_L {
		width: 100%;
		margin-left: 0px;
		margin-top: 26px
	}

	.inB_R div a,
	.inC dl dd,
	.aboutC p {
		font-size: 14px;
		line-height: 26px
	}

	.inB_R dl dd {
		height: auto;
		overflow: inherit
	}

	.inC ul li {
		width: 50%;
		margin-top: 28px
	}

	.inC ul li p strong,
	.about1_con>h2 {
		font-size: 28px
	}

	.inC ul,
	.about1_en,
	.joinB_bo {
		margin-top: 0px
	}

	.inC .w1440>p a {
		margin-top: 35px
	}

	.inD_con {
		margin-top: 26px
	}

	.inD_con a {
		width: 48%;
		margin-bottom: 10px;
		margin-right: auto
	}

	.inD_con a:nth-child(2n) {
		float: right
	}

	.inD_con a:nth-child(5n) {
		margin-right: auto
	}

	.inD {
		padding-bottom: 18px
	}

	.footer .footop,
	.history div:before {
		display: none
	}

	.footer {
		padding: 0px
	}

	.footen p,
	.footen div {
		width: 100%;
		text-align: center;
		font-size: 12px
	}

	.footen div a {
		display: inline-block;
		float: none;
		margin-top: 10px
	}

	.S_banner,
	.M_banner {
		height: 220px
	}

	.S_con dl dt,
	.aboutA_L h1,
	.aboutC span,
	.about2_con dl dt,
	.contact_top dl dt {
		font-size: 24px;
	}

	.S_con dl dd,
	.contact_en table td strong {
		font-size: 14px
	}

	.aboutA {
		padding: 30px 0px 0px 0px
	}

	.about1_con,
	.about2_con,
	.contact_top,
	.join_C,
	.xq {
		padding: 30px 0px
	}

	.history span {
		width: 100%;
		text-align: left;
		margin-top: 15px
	}

	.history div {
		padding: 0px;
		border-left: none;
		margin-top: 15px
	}

	.about2_con dl,
	.about2_R,
	.about3_R,
	.join_C ul li {
		width: 100%
	}

	.about2_con dl dt,
	.join_tit {
		margin-bottom: 18px
	}

	.about3_con,
	.contact_en,
	.joinA,
	.joinD,
	.news_top,
	.talk1_top,
	.talk1_A {
		padding: 30px 0px
	}

	.contact_top>p,
	.contact_top dl,
	.contact_en table {
		width: 100%
	}

	.contact_top>p,
	.contact_en table {
		margin-top: 15px
	}

	.contact_en table td span,
	.joinB_con p strong {
		font-size: 16px;
	}

	.contact_en table td strong {
		padding-bottom: 0px
	}

	.contact_en table td:first-child {
		width: 70px;
		padding: 0px 10px
	}

	.contact_en table td p {
		font-size: 12px
	}

	.contact_en table td {
		padding: 0px 10px
	}

	.conn_left div span {
		display: none
	}

	.conn_left div p {
		width: 74%;
		margin-left: 4%
	}

	.conn_left div {
		border: none !important;
		border-bottom: 1px solid #e5e9ed !important;
	}

	.joinA a {
		width: 100%;
		margin-bottom: 15px
	}

	.joinA a div,
	.join_tit span,
	.news_bottom li strong,
	.talk_tit {
		font-size: 24px;
	}

	.joinB_con p {
		width: 49%;
		margin-right: auto !important
	}

	.joinB_con p:nth-child(2n) {
		float: right
	}

	.joinD table thead td,
	.joinD table td {
		padding: 10px 0px;
		width: 16.6%;
		font-size: 12px;
		text-align: center
	}

	.news_top a {
		width: 100%;
		border: none;
		margin-right: 0px
	}

	.news_bottom li div {
		width: 80%;
		float: left;
		padding-right: 20%
	}

	.news_bottom li div span {
		font-size: 14px
	}

	.news_bottom li a {
		padding: 20px 0px
	}

	.news_top {
		padding-bottom: 0px
	}

	.xq dl dt {
		font-size: 20px;
		margin-bottom: 15px
	}

	.xq_CT {
		padding-top: 0px;
		padding-bottom: 30px
	}

	.xq_CT div {
		margin: 20px 0px
	}

	.xq_BOL,
	.talk1_A .w1280>p,
	.talk2_con .talk1_A .w1280>p {
		width: 100%
	}

	.about_AL {
		width: 96%;
		border: none;
		padding-bottom: 0px
	}

	.talk_tit,
	.xqA_left,
	.metxqD ul,
	.metxqM_Box {
		margin-top: 30px
	}

	.about_AL {
		margin-top: 0px
	}

	.talkB {
		padding-bottom: 40px
	}

	.talkC ul li {
		width: 100%;
		border: none;
		min-height: inherit;
		margin-top: 30px
	}

	.talkC {
		padding-bottom: 0px
	}

	.talkB .about_AL {
		background: none
	}

	.talk1_A {
		padding-top: 0px
	}

	.M_banner_top strong {
		font-size: 18px;
		margin-top: 20px;
		padding-bottom: 10px
	}

	.M_banner_top span {
		font-size: 14px;
		margin-bottom: 10px;
	}

	.M_banner_top1 p {
		font-size: 12px;
		line-height: 20px;
		padding: 0px 10px
	}

	.xqA h4 {
		font-size: 24px;
	}

	.xqA .w1270>p,
	.metxqC_left {
		width: 100%;
		float: left;
		margin: 0px;
		border: none
	}

	.metxqA ul li,
	.xqD_con div,
	.metxqH ul li,
	.metxqJ_div {
		width: 100%;
		border: none;
		padding: 0px !important;
		height: auto;
		margin-top: 0px
	}

	.metxqB {
		padding-bottom: 0px
	}

	.metxqC_right h1,
	.metxqD_top strong {
		font-size: 14px;
		line-height: 26px
	}

	.metxqD ul li {
		width: 100%;
		min-height: inherit;
		margin-bottom: 20px
	}

	.metxqD,
	.metxqM {
		padding-bottom: 30px
	}

	.metxqH ul li,
	.metxqJ_div,
	.metxqI .w1270>p {
		margin-top: 20px
	}

	.metxqM_Box .hd ul li {
		width: 49%;
		margin-right: auto;
		margin-bottom: 10px;
		padding-bottom: 10px
	}

	.metxqM_Box .hd ul li:nth-child(2n) {
		float: right
	}

	.metxqM_Box .bd div {
		margin-top: 14px
	}

	.metxqM_Box .bd div p span {
		width: 100%;
		margin-right: 0px
	}

	.metxqC_left,
	.swiper-parent .swiper-container {
		width: 100%;
		margin-left: 0px
	}

	.swiper-parent,
	.methodA_con {
		margin-top: 0px
	}

	.metxqO,
	.swiper-parent {
		padding-bottom: 0px
	}

	.metxq_p {
		margin-bottom: 10px;
		margin-top: 0px;
		width: 48%;
		margin-right: auto
	}

	.metxq_p:nth-child(2n) {
		float: right
	}

	.metxq_p:nth-child(5n) {
		margin-right: auto !important
	}

	.xqF_con div p {
		width: 60%
	}

	.metxqJ_con {
		margin-top: 30px
	}

	.xqC table {
		border-left: none;
	}

	.xqC table td:first-child {
		display: none
	}

	.xqC table td:last-child {
		border-right: none
	}

	.M_banner_top p {
		font-size: 12px;
		line-height: 20px
	}

	.methodA,
	.methodC,
	.methodE,
	.methodB,
	.methodD {
		padding: 30px 0px
	}

	.methodA_con div span {
		font-size: 24px
	}

	.methodA_con div span {
		margin-bottom: 20px
	}

	.methodC_on .hd ul li {
		width: 25%;
		padding: 0px;
		text-align: center
	}

	.methodC_on {
		margin-top: 28px
	}

	.methodC_on .bd {
		margin-top: 20px
	}

	.methodD_con div {
		margin-top: 15px
	}

	.met1_con .met1_top,
	.met1_con .met1_top:nth-child(4n),
	.met1D_bo p {
		width: 49%;
		margin-right: auto
	}

	.met1_con .met1_top:nth-child(2n),
	.met1D_bo p:nth-child(2n) {
		float: right
	}

	.met1_con .met1_top div img,
	.met1_con .met1_top div p {
		display: none
	}

	.method1A {
		padding-bottom: 30px
	}

	.method1B,
	.method2B,
	.method3A {
		padding: 30px 0px
	}

	.met1_BC li dl dt {
		padding: 14px
	}

	.met1_BC {
		margin-top: 10px
	}

	.metC_con .swiper-slide p {
		width: 100%;
		margin-right: 0px;
		margin-top: 10px;
		padding: 30px 0px;
		min-height: inherit;
	}

	.metC_con {
		margin-top: 22px;
	}

	.metC_con .swiper-slide p img {
		margin-top: 0px;
	}

	.met2_Box .hd ul li {
		padding: 10px
	}

	.met3A_con a {
		width: 49%;
		margin-right: auto;
		min-height: inherit;
		margin-top: 0px
	}

	.met3A_con a:nth-child(2n) {
		float: right
	}

	.met3A_con a span {
		font-size: 12px;
		height: 16px;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}

	.M_banner_top strong {
		padding-bottom: 0px
	}

	.menu-handler {
		margin-top: 4px
	}

	.menuBox {
		top: 64px
	}

	.banner,
	.S_banner,
	.M_banner {
		margin-top: 64px
	}

	.map_con {
		border: none;
		margin-top: 20px;
	}

	.map_con span {
		margin-left: 0px;
		margin-top: 0px;
		padding: 0px
	}

	.map_con div {
		border: none
	}

	.map_con div p {
		padding: 0px
	}

	.map_con div {
		padding: 10px 0px
	}

	.metxqG ul li p:first-child {
		display: none
	}

	.metxqG ul li p:last-child {
		width: 100%
	}

	.metxqG ul li {
		margin-top: 10px
	}

	.aboutC p:after,
	.aboutC p:before {
		display: none
	}

	.footer {
		text-align: center
	}
}

@media screen and (max-width:375px) {
	.met1_EL {
		margin-top: 10px;
	}
}

@media screen and (max-width:320px) {
	.joinB_bo p {
		width: 100%;
		position: static !important;
		float: left
	}

}







/* 新样式 */
.ul_list {
	background: #f5f5f5;
	padding-bottom: 40px;
}

.ul_list>div {
	position: relative;
	padding-left: 200px;
	box-sizing: border-box;
}

.ul_bo {
	border-left: 1px solid #e5e5e5;
	padding-left: 60px;
	overflow: hidden;
	padding-top: 15px;
	padding-bottom: 60px;
	overflow: inherit;
	display: flex;
	flex-direction: row;
	background: #f5f5f5;
	display: none;
}

.ul_bo:nth-child(2) {
	display: flex;
}

.ul_bo>dl {
	margin-right: 60px;
	width: 25%;
}

.ul_bo>dl dl {
	width: 100%;
}

.ul_bo>dl dt {
	border-bottom: 1px solid #e5e5e5;
	width: 100%;
	padding-bottom: 18px;
	margin-top: 30px;
}

.ul_bo>dl dt a {
	color: #333;
	font-size: 15px;
}

.ul_bo>dl dd a {
	color: #6a6a6a;
	font-weight: 400;
	font-size: 14px;
	line-height: 25px;
	margin-bottom: 4px !important;
	position: relative;
}

.ul_bo>dl dd a.hot:after {
	/* content:url(../images/new/icon-hot.png); */
	content: "";
	background-image: url(../images/new/icon-hot_plus.png);
	background-size: cover;
	/* position: absolute; */
	/* top: 10px; */
	margin-left: 5px;
	width: 32px;
	height: 14px;
	display: inline-block;
}

.ul_bo dl dd a:hover,
.ul_bo dl dd a.cur {
	color: #da000d;
	font-weight: 500;
}

.ul_top {
	width: 200px;
	border-bottom: none;
	margin-top: 20px;
	position: absolute;
	top: 0;
	left: 0;
}

.ul_top dl dd {
	text-align: right;
	box-sizing: border-box;
}

.ul_top dl dd a {
	font-size: 14px;
	color: #333;
	display: block;
	text-align: right;
	height: 55px;
	line-height: 55px;
	padding-right: 20px;
	border-right: 3px solid rgba(0, 0, 0, 0);
	margin-right: -2px;
	margin-bottom: 10px;
}

.ul_top dl dd a:hover,
.ul_top dl dd a.cur {
	font-weight: bold;
	border-right: 3px solid #cf000d;
	background-image: linear-gradient(to right, #f5f5f5, #e6e6e6);
}


.ul_bo dl dd dl {
	width: 100%;
}

.ul_bo dl dd dl dd {
	margin-top: 0;
	margin-bottom: 0;
	display: inline-block;
	position: relative;
}

.ul_bo dl dd dl dd a {
	display: inline-block;
}

.ul_bo dl dd dl dd span {
	position: absolute;
	top: 0;
	left: 100%;
	margin-left: 15px;
	background: #e6e6e6;
	padding: 10px 20px;
	display: none;
	z-index: 5;
	width: 270px;
	box-sizing: border-box;
}

.ul_bo dl dd dl dd span i {
	width: 10px;
	height: 10px;
	background: #e6e6e6;
	position: absolute;
	left: -5px;
	top: 12px;
	transform: rotate(45deg);
}

.ul_bo dl dd dl dd span a {
	float: left;
	width: 100%;
	font-size: 12px;
	color: #868686;
	line-height: 28px;
	height: 28px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.ul_bo dl dd dl:hover dd span {
	display: block;
}


*:focus {
	outline: none;
}

.about1_line {
	padding: 0 90px;
	position: relative;
	margin-top: 50px;
}

.about1_line .line-btn {
	width: 56px;
	height: 57px;
	position: absolute;
	top: 25px;
	cursor: pointer;
}

.about1_line .swiper-button-disabled {
	opacity: .3;
	cursor: not-allowed;
}

.about1_line .line-btn-left {
	left: 0;
	background: url(../images/new/about-btn-left.png);
}

.about1_line .line-btn-right {
	right: 0;
	background: url(../images/new/about-btn-right.png);
}

.about1_line .line-head {
	position: relative;
	width: 100%;
}

.about1_line .line-head .line {
	height: 1px;
	width: 100%;
	background: #d6d7d6;
	position: absolute;
	top: 52px;
}

.about1_line li span {
	width: 76px;
	height: 114px;
	margin: auto;
	display: block;
	position: relative;
	cursor: pointer;
}

.about1_line li span a {
	position: absolute;
	bottom: 8px;
	left: 0;
	text-align: center;
	width: 100%;
	height: 32px;
	line-height: 32px;
	font-size: 16px;
	color: #666;
}

.about1_line li span.cur,
.about1_line li span:hover {
	background: url(../images/new/about-btn-yuan.png);
}

.about1_line li span.cur a,
.about1_line li span:hover a {
	color: white;
	font-size: 18px;
	bottom: 0;
	font-weight: bold;
}

.about1_line li span.cur i,
.about1_line li span:hover i {
	background: none;
}

.about1_line li span i {
	position: absolute;
	width: 18px;
	height: 18px;
	border-radius: 10px;
	border: 1px solid #d6d7d6;
	background: white;
	left: 29px;
	top: 42px;
}

.line-con {
	width: 100%;
	padding: 60px 110px;
	background: #fafafa url(../images/new/about_bg.png) bottom right no-repeat;
	box-sizing: border-box;
	margin-top: 70px;
}

.line-con ul {
	display: none;
	flex-direction: row;
}

.line-con ul:nth-child(1) {
	display: flex;
}

.line-con .pic {
	width: 348px;
	background: #000;
}

.line-con .pic img {
	display: block;
	width: 100%;
}

.line-con .pic video {
	width: 348px;
	height: 200px;
}

.line-con .text {
	padding-left: 70px;
}

.line-con .text dt {
	width: 176px;
	height: 30px;
	background: url(../images/new/about-title.png);
	margin-bottom: 15px;
}

.line-con .text dt a {
	color: white;
	font-size: 16px;
	height: 30px;
	line-height: 30px;
	float: right;
	width: 95px;
	text-align: center;
}

.line-con .text dd a {
	display: block;
	line-height: 35px;
	position: relative;
	padding-left: 25px;
	margin: 5px 0;
}

.line-con .text dd a:before {
	content: "";
	background-image: url(../images/new/icon-item.png);
	background-size: cover;
	position: absolute;
	top: 10px;
	left: 0;
	width: 16px;
	height: 17px;
}


.sec1 {
	width: 100%;
	overflow: hidden;
}

.sec1 .sec-left {
	float: left;
}

.sec1 .sec-left .title {
	font-size: 30px;
	color: black;
	font-weight: 500;
	line-height: 40px;
}

.sec1 .sec-left>span {
	width: 70px;
	height: 6px;
	display: block;
	background: #b7b7b7;
	margin-top: 20px;
	margin-bottom: 35px;
}

.sec1 .sec-left .text {
	box-sizing: border-box;
	padding-right: 30px;
	width: 600px;
	font-size: 16px;
	color: #666;
	line-height: 30px;
}

.sec1 .sec-left .text span.gp {
	font-size: 20px;
	color: #f54545;
	font-weight: bold;
	display: block;
}

.sec1 .sec-left .text span.gj {
	font-size: 20px;
	color: #f54545;
	display: block;
	padding-top: 15px;
}

.sec1 .sec-left .text span.gj .num {
	font-size: 24px;
	padding-right: 2px;
}

.sec1 .sec-left .text span.gj .dw {
	font-size: 12px;
}

.sec1 .sec-left .text span.gj .dw:after {
	content: "";
	background-image: url(../images/new/icon-jt2.png);
	background-size: cover;
	margin-left: 5px;
	width: 20px;
	height: 16px;
	display: inline-block;
}

.sec1 .sec-left .text span.sj {
	font-size: 12px;
	display: block;
	line-height: 10px;
}

.sec1 .sec-right {
	width: 560px;
	position: relative;
	min-height: 400px;
	float: right;
}

.sec1 .sec-right .pic {
	width: 518px;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 1;
}

.sec1 .sec-right .pic img {
	display: block;
	width: 100%;
}

.sec1 .sec-right .pic_bg {
	width: 518px;
	height: 350px;
	background: #f3f3f3;
	position: absolute;
	left: 0;
	bottom: 0;
}


.sec2 {
	width: 100%;
}

.sec2 .title {
	width: 100%;
	font-size: 30px;
	color: #000000;
	font-weight: 500;
	text-align: center;
	padding-bottom: 15px;
}

.sec2 dl {
	overflow: hidden;
}

.sec2 dl dd {
	width: 400px;
	margin-right: 40px;
	float: left;
	border-bottom: 1px solid #e5e9ed;
	display: flex;
	flex-direction: row;
	padding: 25px 0;
	box-sizing: border-box;
}

.sec2 dl dd:nth-child(3n) {
	margin-right: 0;
}

.sec2 dl dd img {
	width: 38px;
	height: 53px;
	margin-right: 20px;
}

.sec2 dl dd .text {
	padding-top: 0px;
	min-width: 0;
}

.sec2 dl dd .text a {
	font-size: 16px;
	color: #666;
	display: block;
	font-weight: 500;
	line-height: 32px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.sec2 dl dd .text span {
	font-size: 14px;
	color: #999;
}


.sec3 {
	width: 100%;
}

.sec3 .title {
	width: 100%;
	font-size: 30px;
	color: #000000;
	font-weight: 500;
	text-align: center;
	padding-bottom: 10px;
}

.sec3 .con {
	width: 100%;
	overflow: hidden;
}

.sec3 .con dl {
	width: 50%;
	padding-right: 20px;
	float: left;
	box-sizing: border-box;
	padding-top: 30px;
}

.sec3 .con dl:nth-child(2n) {
	padding-left: 20px;
	padding-right: 0;
}

.sec3 .con dl dd {
	border: 1px solid #e5e9ed;
	padding: 25px;
	display: flex;
	flex-direction: row;
}

.sec3 .con dl dd img {
	margin-right: 25px;
	width: 68px;
	height: 68px;
}

.sec3 .con dl dd .text {
	min-width: 0;
}

.sec3 .con dl dd .text a {
	font-size: 16px;
	color: #666;
	display: block;
	font-weight: 500;
	line-height: 40px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.sec3 .con dl dd .text span {
	font-size: 14px;
	color: #999;
}

.sec4 {
	width: 100%;
}

.sec4 .title {
	width: 100%;
	font-size: 30px;
	color: #000000;
	font-weight: 500;
	text-align: center;
	padding-bottom: 10px;
}

.sec4 .con {
	width: 100%;
	overflow: hidden;
}

.sec4 .con dl {
	width: 34.5%;
	padding-right: 40px;
	float: left;
	box-sizing: border-box;
	padding-top: 30px;
}

.sec4 .con dl:nth-child(3n) {
	padding-right: 0;
	width: 31%;
}

.sec4 .con dl dd {
	border: 1px solid #e5e9ed;
	padding: 18px 22px 58px 22px;
	background: white;
	position: relative;
}

.sec4 .con dl dd img {
	margin-right: 25px;
	width: 68px;
	height: 68px;
}

.sec4 .con dl dd .text {
	min-width: 0;
}

.sec4 .con dl dd .text a {
	font-size: 16px;
	color: #666;
	display: block;
	font-weight: 500;
	line-height: 40px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.sec4 .con dl dd .text span {
	font-size: 14px;
	color: #999;
}

.sec4 .con dl dd .btn {
	width: 100%;
	border-top: 1px solid #e5e9ed;
	position: absolute;
	left: 0;
	bottom: 0;
	padding: 0 22px;
	height: 40px;
	line-height: 40px;
	font-weight: 500;
	box-sizing: border-box;
}

.sec5 {
	width: 100%;
}

.sec5 .title {
	width: 100%;
	font-size: 30px;
	color: #000000;
	font-weight: 500;
	text-align: center;
	padding-bottom: 40px;
}

.sec5 .con {
	width: 100%;
	overflow: hidden;
}

.sec5 .con dl {
	width: 50%;
	padding-right: 20px;
	float: left;
	box-sizing: border-box;
}

.sec5 .con dl:nth-child(2n) {
	padding-left: 20px;
	padding-right: 0;
}

.sec5 .con dl dd {
	border-bottom: 1px solid #e5e9ed;
	background: white;
	position: relative;
}

.sec5 .con dl dd .text {
	display: flex;
	flex-direction: row;
	padding: 20px 0;
	min-width: 0;
}

.sec5 .con dl dd .text a {
	font-size: 16px;
	color: #666;
	display: block;
	font-weight: 500;
	line-height: 30px;
	width: 70%;
	padding-left: 25px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.sec5 .con dl dd .text a:before {
	content: "";
	background-image: url(../images/new/icon-item.png);
	background-size: cover;
	position: absolute;
	top: 28px;
	left: 0;
	width: 16px;
	height: 17px;
}

.sec5 .con dl dd .text span {
	font-size: 14px;
	color: #999;
	line-height: 30px;
	text-align: right;
	width: 30%;
}

.sec5 .con dl dd .btn {
	width: 100%;
	border-top: 1px solid #e5e9ed;
	position: absolute;
	left: 0;
	bottom: 0;
	padding: 0 22px;
	height: 40px;
	line-height: 40px;
	font-weight: 500;
	box-sizing: border-box;
}


.sec6 {
	width: 100%;
}

.sec6 .title {
	width: 100%;
	font-size: 30px;
	color: #000000;
	font-weight: 500;
	text-align: center;
	padding-bottom: 10px;
}

.sec6 .desc {
	width: 100%;
	font-size: 16px;
	color: #666;
	text-align: center;
	margin-bottom: 40px;
}

.sec6 .con {
	width: 100%;
	text-align: center;
	font-size: 16px;
	color: #666;
}

.sec6 .con span {
	display: inline-block;
	padding: 0 40px 0 80px;
	border-right: 1px solid #8b8b8b;
	position: relative;
}

/* .sec6 .con span:nth-child(2) { padding-left: 80px;} */
.sec6 .con span:nth-child(3) {
	border-right: none;
}

.sec6 .con span:nth-child(1):before {
	content: "";
	background-image: url(../images/new/icon-tel.png);
	background-size: cover;
	position: absolute;
	top: 2px;
	left: 40px;
	width: 23px;
	height: 23px;
}

.sec6 .con span:nth-child(2):before {
	content: "";
	background-image: url(../images/new/icon-email.png);
	background-size: cover;
	position: absolute;
	top: 0px;
	left: 40px;
	width: 25px;
	height: 24px;
}

.sec6 .con span:nth-child(3):before {
	content: "";
	background-image: url(../images/new/icon-address.png);
	background-size: cover;
	position: absolute;
	top: 0px;
	left: 40px;
	width: 20px;
	height: 22px;
}

.btn-more {
	width: 100px;
	height: 40px;
	border: 1px solid #d6d6d6;
	margin: auto;
	text-align: center;
	line-height: 40px;
	box-sizing: border-box;
	margin-top: 50px;
}

.btn-more a {
	font-size: 12px;
	color: #666;
}

.btn-more:hover {
	border: 1px solid #da000d;
}

.btn-more a:after {
	content: url(../images/new/icon-jt.png);
	/* background-image:url(../images/new/icon-jt.png);
	background-size: cover;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 12px;
	height: 10px; */
}


.connect a:hover {
	color: #da000d;
}


@media screen and (max-width:1300px) {
	.sec1 .sec-left {
		width: 100%;
		float: inherit;
		padding: 0 30px;
		box-sizing: border-box;
	}

	.sec1 .sec-left .text {
		width: 100%;
	}

	.sec1 .sec-right {
		width: 100%;
		float: inherit;
		padding: 0 30px;
		box-sizing: border-box;
	}

	.sec1 .sec-right .pic_bg {
		display: none;
	}

	.sec1 .sec-right .pic {
		position: inherit;
		margin-top: 50px;
	}

	.sec2 {
		padding: 0 30px;
		box-sizing: border-box;
	}

	.sec2 dl dd {
		width: 48%;
		margin-right: 4%;
	}

	.sec2 dl dd:nth-child(3n) {
		margin-right: 4%;
	}

	.sec2 dl dd:nth-child(2n) {
		margin-right: 0;
	}




}

@media screen and (max-width:1220px) {
	.ul_bo>dl {
		margin-right: 20px;
		width: 240px;
	}
}

@media screen and (max-width:1030px) {
	.sec6 .con span:nth-child(2) {
		border-right: none;
	}

	.sec6 .con span:nth-child(3) {
		margin-top: 20px;
	}
}

@media screen and (max-width:900px) {
	.line-con {
		padding: 60px 30px;
	}

	.line-con .pic {
		width: 100%;
	}

	.line-con ul {
		flex-direction: column;
	}

	.line-con .text {
		padding-left: 0;
		margin-top: 30px;
	}

	.sec2 dl dd {
		width: 100%;
		margin-right: 0;
	}

	.sec2 dl dd:nth-child(3n) {
		margin-right: 0;
	}

	.sec3 .con dl {
		width: 100%;
		padding-right: 0px;
	}

	.sec3 .con dl:nth-child(2n) {
		padding-left: 0px;
		padding-right: 0;
	}

	.sec4 .con dl {
		width: 100%;
		padding-right: 0px;
	}

	.sec4 .con dl:nth-child(3n) {
		padding-right: 0;
		width: 100%;
	}

	.sec5 .con dl {
		width: 100%;
		padding-right: 0px;
	}

	.sec5 .con dl:nth-child(2n) {
		padding-left: 0px;
		padding-right: 0;
	}
}

@media screen and (max-width:694px) {
	.sec6 .con span:nth-child(1) {
		border-right: none;
	}

	.sec6 .con span:nth-child(2) {
		margin-top: 20px;
	}
}

@media screen and (max-width:650px) {
	.sec1 .sec-right .pic {
		width: 100%;
	}
}


/* 新样式结束 */


/* 侧边菜单 */
.sidebar {
	width: 50px;
	height: 200px;
	margin: 100px 0 300px 300px;
	background: #fff;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-ms-border-radius: 6px;
	-o-border-radius: 6px;
	-webkit-border-radius: 6px;
	-webkit-box-shadow: 0px 0px 8px rgba(173, 173, 173, .75);
	box-shadow: 0px 0px 8px rgba(173, 173, 173, .75);
	position: fixed;
	top: 20%;
	right: 8px;
	z-index: 9;
}

.sidebar ul {
	padding-top: 5px;
}

.sidebar ul li {
	text-align: center;
	margin-top: 4px;
}

.sidebar ul li.weixer {
	background: url(../images/new/sidebar_wx.png) center center no-repeat;
	width: 100%;
	height: 32px;
	padding: 4px 0 6px 0;
	position: relative;
}

.sidebar ul li.weixer:hover {
	background: url(../images/new/sidebar_wx.png) #f0f0f0 center center no-repeat;
	cursor: pointer;
}

.sidebar ul li.weixer:hover .wem1 {
	display: block;
}

.sidebar ul li.douyin {
	background-image: url(../images/new/sidebar_dy.png);
}

.sidebar ul li.douyin:hover {
	background: url(../images/new/sidebar_dy.png) #f0f0f0 center center no-repeat;
}

.sidebar ul li.toutiao {
	background-image: url(../images/new/sidebar_tt.png);
}

.sidebar ul li.toutiao:hover {
	background: url(../images/new/sidebar_tt.png) #f0f0f0 center center no-repeat;
}

.sidebar ul li.bar_tel {
	background-image: url(../images/hotline.png);
}

.sidebar ul li.bar_tel:hover {
	background: url(../images/hotline.png) #f0f0f0 center center no-repeat;
}

.wem1 {
	position: absolute;
	top: -36px;
	left: -126px;
	width: 110px;
	height: 110px;
	background: #fff;
	display: none;
	-webkit-box-shadow: 0px 0px 8px rgba(173, 173, 173, .75);
	box-shadow: 0px 0px 8px rgba(173, 173, 173, .75);
	border-radius: 6px;
	-moz-border-radius: 6px;
	-ms-border-radius: 6px;
	-o-border-radius: 6px;
	-webkit-border-radius: 6px;
}

.wem1 img {
	border-radius: 6px;
	-moz-border-radius: 6px;
	-ms-border-radius: 6px;
	-o-border-radius: 6px;
	-webkit-border-radius: 6px;
	overflow: hidden;
	position: absolute;
	left: 0;
	z-index: 10;
}

.wem1:before {
	content: "";
	width: 0;
	height: 0;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: -8px;
	border-top: 8px solid transparent;
	border-bottom: 8px solid transparent;
	border-left: 8px solid #fff;
	filter: drop-shadow(2px 1px 2px #ccc);
}

.wem2 {
	height: 40px;
	line-height: 40px;
	padding: 0 10px;
	box-sizing: border-box;
	width: auto;
	top: 5px;
	left: -130px;
}

/* 侧边菜单结束 */


.ul_bo {
	padding-left: 30px;
	flex-wrap: wrap;
}

.ul_bo>dl {
	width: 30%;
	margin-left: 3%;
	float: none;
	margin-right: 0;
}

.ul_bo>dl dd a {
	position: relative;
	color: #838383;
	margin-right: 6px;
	margin-left: 3px
}

.ul_bo>dl dd a::after {
	content: '';
	position: absolute;
	right: -8px;
	top: 5px;
	width: 2px;
	height: 16px;
	background-color: #a3a3a3;
	display: block
}

.ul_bo>dl dd a:last-child::after {
	background-color: transparent
}

.ul_bo>dl dt a.hot::after {
	content: "";
	background-image: url(../images/new/icon-hot_plus.png);
	background-size: cover;
	margin-left: 5px;
	width: 32px;
	height: 14px;
	display: inline-block
}

.header_RB ul li:hover>a,
.header_RB ul li.cur>a,
.ul_top dl dd a:hover,
.ul_top dl dd a.cur {
	text-shadow: 1px 0 0 currentColor;
	font-weight: 100
}